Pro Layout issues

Hi guys!

I am spending the Holidays updating my personal pages at cirstyn.com and I think I need some help streamlining my layput a bit in Pro:

1: Even though I have set the header to a specific colour, the writing and art pages still display a big white area at the top.
I realise this is the page container, but I want it to be grey when the page is empty. Is there a workaround for this?
2: I have the menu on the left - where do I reduce the dropdown size under “About me” so my CV is placed a bit less awkwardly?
3: How do I set a specific footer for the front page? It’s currently set to no container, header, footer. I’d like to keep its current layout, but have the icons grey on white for the rest of the site, as I am thinking it may be a nice looking workaround for issue #1

Thank you so much for any insights :slight_smile:

Hey @spinner,

  1. It’s the Renew Stack’s Site Container’s background color. There’s no option to change so this will need overriding with CSS. Because this is a minor cosmetic change, I’ll provide the code. Please add this code in Theme Options > CSS.
.site, .x-site {
    background-color: #A3ACB5;
}

2. This also is the theme’s Original Header design so it would require overriding with CSS. I’d recommend you use Pro Headers so you can customize without coding. If you wish to continue with the original header, add this code in Theme Options > CSS. Change the value (100px) as needed.

.desktop .sub-menu {
    min-width: 100px;
}

3. You will need to create a Pro Footer then assign it to a specific page. Assigning a Pro Header (and Footer) is mentioned in our Pro Header and Footer Intro tutorial here: https://theme.co/apex/forum/t/pro-header-and-footer-builder-introduction/103

Hope that helps.

1 Like

I will try that.
Thank you so much for getting back to me so soon, especially during a Holiday weekend!
Much appreciated!

C

You’re welcome, C.

I ended up resetting - it was much cleaner to do as you said and created a custom footer for the front page
I added the CSS for the CV as well, that went swimmingly
I like the grey next to the white better, so I ended up adding
body.home {
background-color: #A3ACB5 !important;
}
to the home page instead and added the custom footer there.
Feel a bit silly for not thinking of that before.

Again, thanks for the help - it looks just the way I want it, now .)

You’re welcome, @spinner. We’re glad that the solutions offered helped.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.