Docs

[worldofjames]

Hi there

I’m looking to change the color of the footer text and social icons on my site to white.

Site name and login details to follow:

Many thanks in advance.

Cheers

[worldofjames]

This reply has been marked as private.

[worldofjames]

Also – and sorry to add more on to this thread – how do I change the color of the sidebar background and is there any way of putting a rule down the side of it?

I thought the sidebar was the background of the theme and tried changing it via customize/layout & design/background options/background color but that does not seem to have had an effect?

many thanks

James

[Jade]

Hi James,

You can add this under Custom > CSS in the Customizer.

.x-colophon.bottom .x-colophon-content, 
.x-colophon.bottom .x-colophon-content a, 
.x-colophon.bottom .x-social-global a i {
    color: #fff;
}

As for the sidebar background, it is using the body content background which you can change in Appearance > Customize > Layout and Design > Background Options.

Hope this helps.

[worldofjames]

Thanks for replying … but neither of those seems to have had an effect.

I’d also like to remove the CATEGORY ARCHIVE header that appears at the top of each archive page, as for some reason it gets obscured by my header.

Many thanks for any help you can give. I have now made the site http://www.liveeveryminute.co.uk

[Christian]

Hey there,

Sorry for the confusion. Please add the code below in your Appearance > Customize > Custom > CSS.

.x-colophon.bottom .x-colophon-content, .x-colophon.bottom .x-colophon-content a, .x-social-global a {
    color: white;
}

There is no option to remove the Landmark Header (contains Category Archive or the header title) because this is important an important part in archive page design. If you wish, we could hide by using the CSS code below.

.h-landmark {
display: none;
}

Thanks.

[worldofjames]

Thanks Christian – they both worked a treat!

[worldofjames]

One last thing… changing the background color via

Appearance > Customize > Layout and Design > Background Options.

is still not working for me… I just changed it to red to see if I could note a difference, but I’m still getting the same grey/brown color from the original theme… any chance something is clashing in my Custom CSS or something?

[Christopher]

Hi there,

Please add a temporary background pattern under Customize > Layout and Design and save customizer. Next remove it and resave customizer. This time you should be able to see the background color.

Hope it helps.

[Author]

Posts