Docs

[josephk99997]

Hi,

I need to change my footer as per the file attached.

I have child theme setup.

Problem is that I cannot use Appearance > Customise > Custom CSS (for some reason it cannot save)
so I need to make the change in editor.

I don’t know any coding so please help!

[josephk99997]

This reply has been marked as private.

[josephk99997]

I figured out how to change the background color of the footer but still need to change the font color and size; and the font seems to have a shadow. how do i remove that?

[Nabeel A]

Hi Joseph,

Thank you for writing in! I’m seeing a different footer on your site, were you able to make changes on your own?

Thanks!

[josephk99997]

Yes i was able to make the change to the background color but i want to change the text color to white and also increase the text size (and remove the text shadow).

[josephk99997]

So any help on how to change the font color and size?

[Rahul]

Hey There,

Try this Custom CSS :

.x-colophon.top .x-column .widget:first-child {
    text-shadow: none;
    color: #fff;
    font-size: 20px;
}

Hope that helps!

[josephk99997]

like i said earlier, i can’t seem to add anything to the custom css. it won’t save. so i have to add it to the style.css in the editor? i have child theme on.

[josephk99997]

Ok I put it in Editor > Style.css and it works! But…the headers are still black.

[josephk99997]

3 things still need to change:

1. headers from black to white
2. social icons from orange to white
3. copyright text from grey to white

see screenshot

[Joao]

Hi There,

I have checked your Customizer and it is indeed behaving strange.

First of All try turning off all Thirdparty plugins specially your security plugins and updating your X Theme and Cornerstone.

To do the required changes you can use the code below.

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: white !important;
}

.x-social-global a i {
color: white !important;
}

.x-colophon.bottom .x-colophon-content, .x-colophon.bottom .x-colophon-content p  {
color: white !important
}

Hope that helps

Joao

[josephk99997]

Hi Joao, thanks for that. Yeah, we tried turning them all off and we removed all optimisations but still its not working well. Never mind. We just have to keep moving. Anyway, I tried all your code suggestions:

– .x-social-global (worked but will it change it to white throughout the site as well or just in the footer? I checked my blog and its still orange which is good. I only want to change the color in the footer)

– .x-colophon.bottom .x-colophon-content, .x-colophon.bottom .x-colophon-content p (didn’t do anything so i removed it)

– h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: white !important;
}
This changed the header colors throughout the site which is not what i want. I only want the headers in the footer, i believe its a h4 tag, to be white. I use the h4 tag in my blog too but that cannot be white. It needs to remain black. How do i solve this? See the screenshot; the header for the footer is inputed in the widget section > footer > title.

[josephk99997]

Hi Joao, no need to respond. I found the answer in the forum:

.h-widget {
color: white; /* For Widget Title Color */
text-shadow: none; /* Remove Shadow */
}

Works!

Thanks for our time! 🙂

Joseph

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts