Changing colours of footer background and text and also blog background and text

Support
#1

Hi there

I have a site in development.

I want to change the colour of the footer background to a different colour and also the text.
I have put the following css in the global css but no changes are taking place

.x-colophon.bottom a {
color: #248385 !important; /*set your color here */
}
.x-colophon.bottom .x-colophon-content p {
color: #ffffff; /*set your color here */
}

I am also trying to change the background of the blog colour and have used following css
and again not working.

.blog .site {
background-color: #091c23;
}
I also want to change the blog text to white.

I tried setting this all in the theme options (am using Renew) but I guess that its fixed because nothing happens when I change the text colour of the site to white and background black so had to resort to changing background colour of sections.

Please could you advise.

Many thanks.

I

#2

Hi Eileen,

Thank you for writing in, your custom CSS actually works (see screenshot below), if you dont see the changes on your end, please clear your browser’s cache and other caching features you might have.

Cheers!

#3

Hi Friech

It is the bit above the bottom which is white and I wanted black - where it lists privacy policy etc not the bottom where the menu and copyright is.

Thanks

#4

its ok I have done it - it was
.x-colophon.top {
background-color: #efefef;
}

Would appreciate it though if you could advise on how to change the background of the widgets and text to white in widgets on the blog page so everything is black and white.

Thanks you for your help

#5

Hello Eileen,

Are you referring to the blog page or the single post pages? If you want to target the blog page, .blog class is added to the body element of the page so you can write something like:

.blog .x-colophon.top {
    background-color: #000;
}

The code above will set the background color of the top footer area of the blog page to black.

If you want to target the single posts pages, the class single-post is added to the body.

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps you get started.

#6

Thanks Jade but nothing i do seems to change the colour. The single post and the archive pages just remain stubbornly white!

The whole website is black and white and i wanted the blog to be the same including the single and archive posts pages.

I have tried inspecting and then trying out different pieces of code but nothing seems to work apart from the actual blog page which is a black backgound BUT the widget then has white instead of black text!

I tried this but does not work
.single-post,
.archive {
background-color: #091c23 !important;
}

#7

Hi I have got all backgrounds changed now using

.archive.category div#x-site, .blog div#x-site, .archive div#x-site,.single-post div#x-site{background-color:#091c23;}

just the actual post text colour to sort

#8

Thank you I have not sorted this all out.

Kind regards

#9

Hi Eileen,

Do you mean you have sorted this out now? I see your sidebar (search) widget is now on white text

Thanks,

#10

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