Footer won't display

[aaronpatrick61938]

I can’t get the footer display. Using Ethos Magazine.

[tristup]

Hi Aaron,

Thanks for reaching out.
I have checked the website listed in your Themeco Account and found that the footer is there but the background is set to white and as the font color is set to transparent it is not showing.
I have changed the background color temporarily using the browser debugger, and it shows the footer content.

If you want the footer background white, you need to set the font color to another color that is visible over that background color.

.x-colophon.bottom .x-colophon-content
{
    color: #000000 !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[aaronpatrick61938]

Thank you. It’s weird that the footer background is changed by the option “topbar background”. So what if I want my footer and topbar different colors? I want the topbar to be white.

[prakash_s]

Hello Aaron,

In case you want to change the top bar & footer background color and text color I would suggest you add this custom CSS code.

For top bar background color

header.masthead .x-topbar {
background-color: #222222;
}

For top bar text color

.x-topbar .x-topbar-inner .p-info {
color: #ffffff;
}

For footer background color

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

For footer text color

footer.x-colophon.bottom .x-colophon-content, footer.x-colophon.bottom .x-colophon-content a{color: rgb(255 255 255);}

footer.x-colophon.bottom .x-nav li a {
   color: rgb(255 255 255);
 }

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 you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps
Thanks

[aaronpatrick61938]

Thank you!

[christian]

You’re welcome.