Icon Stack in Pro-Child Theme Adjust Header/Footer/Menu Background Color

Support
#1

I need a way to adjust the background color from the default in the Icon Stack in the Pro-Child theme. What I’ve seen on the support forum answers only seems to address situations where additional CSS has been added or in X-Theme. I would use another theme with a setting for the header background (there is none in the Icon stack) but the owner prefers the look of the Icon but wants the header/footer to be our company blue. If this needs to be additonal CSS that’s fine, I just need the code line appropriate to Icon and Pro-Child.

#2

Hello @nbsprotection,

Regretfully there is no option to set the footer background color on the Icon stack I would suggest you please add this custom CSS code to the Global CSS to change the footer background.

footer.x-colophon.bottom {
    background-color: #1e516f;
}

Alternatively, you can use the Header/footer builder to create a custom Header/Footer for your site since you are a Pro theme user you have an option to create a custom Header/Footer.


The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

Thanks for the response. I was specifically looking for the additional CSS for the HEADER as well. is it just header.x-colophon.top {background-color: #12516f;
}

?

#4

Hi Jodi,

That is not the correct CSS code for the header, and as my colleague says the custom coding is beyond the scope of Theme Support. If you still need us to help you with this, please avail of our newly launched service called One, where we answer questions beyond normal theme support.

Thanks

#5

Not thrilled with the sales pitch instead of a simply answered question, especially considering the original answer did provide .css code but not for the entire area I was requesting. If it’s outside the scope of what I paid for (which it should not be, by the way…a paid theme should provide support for customization if the theme is customizable) then that’s what it is. I was actually able to resolve the issue outside of support.

#6

Hello Jodi,

In case you want to change the Header background color I would suggest you please add this custom CSS code.

header.masthead .x-navbar {
    background-color: #094f84;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#7

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