Docs

[ffreitas]

I have tried everything I could think of. I cant seem to get it how I want it to be. I have the ethos theme installed and I have the header the way I want it to be. here is the code I have in the custom css. can you please help?

Current CSS:

.x-colophon.bottom a { color: red; } /* bottom footer link color */
.x-colophon.bottom a:hover { color: blue; } /* bottom footer link hover color */
.x-colophon.bottom { background-color: grey; } /* bottom footer background */
.x-colophon.top { background-color: grey; } /* top footer background */
.x-colophon.top a { color: maroon; } /* top footer link color */
.x-colophon.top a:hover { color: white; } /* top footer link hover color */

I want the background to be white with the text dark, then going lighter with a hover over.

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ffreitas]

its for lashinablink.com

[Friech]

Hi There,

Please update your code to this:

.x-colophon.bottom .x-colophon-content p a { color: red; } /* bottom footer link color */
.x-colophon.bottom .x-colophon-content p a:hover { color: blue; } /* bottom footer link hover color */
.x-colophon.bottom { background-color: grey; } /* bottom footer background */
.x-colophon.top { background-color: grey; } /* top footer background */
.x-colophon.top a { color: maroon; } /* top footer link color */
.x-colophon.top a:hover { color: white; } /* top footer link hover color */

Then above that code there is this block:

.x-colophon-content p, .x-colophon-content a, .x-colophon-content {
color: #fff !important;
}

Please update that to this:

.x-colophon-content p, .x-colophon-content {
color: #fff !important;
}

Hope it helps, Cheers!

[ffreitas]

No, It didn’t help. I want it to look like the screenshot attached. white background and colored text.

[Rue Nel]

Hello There,

Thanks for the clarifications. Do you want it to look like this http://prntscr.com/cja6un?

Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.top,
.x-colophon.bottom { 
    background-color: white; 
}

.x-colophon.top .h-widget,
.x-colophon.top .widget {
    color: #000;
}

.x-colophon.top .widget:before{
    background-color: gray;
}

.x-colophon.top a { 
    color: maroon; 
}
.x-colophon.top a:hover { 
    color: fuchsia; 
}

Hope this helps. Please let us know how it goes.

[ffreitas]

Yes! perfect! Last change. How do i change the very bottom where we have the copyright information is now white

[Thai]

Hi There,

Please also add the following CSS:

.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-colophon-content a {
    color: #000;
}

Hope it helps 🙂

[Author]

Posts