Change Footer Text Colour Theme X

[artthescience]

Hi there,

Can you please tell me exactly where I can edit the text in my footer?

It’s too dark and doesn’t meet accessibility requirements.

I tried here and it didn’t work:

I also tried this custom CSS from another post on this forum:

.x-colophon .widget ul li a {
color: #ffffff;
}

.x-colophon .widget ul li a:hover {
color: #e8e8e8;
}

and it didn’t work …

Thank you

[prakash_s]

Hello @artthescience,

To change the footer text you need to go to the X–>Theme Option—>Footer–>Content Area. Please have a look at the given screenshot given below.

To change the bottom footer text color you need to add this custom CSS code under X–>Theme Option—>CSS

.x-colophon-content {
color: #ffffff;
}

Please feel free to change the color code as per your design

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.

Hope it helps.
Thanks

[artthescience]

Hi there,

That was very helpful!

What’s the code to change the menu/socials colour to white as well? They are also not accessible.

Thank you so much!

[prakash_s]

Hello @artthescience,

To change the footer menu and social icon color you need to add this custom CSS code under X—>Theme Option —>CSS

.x-colophon.bottom .x-nav li a {
    color: #ffffff;    
}
.x-social-global a {
    color: #ffffff;
}
.x-colophon.bottom .x-nav li:after {
    color: #ffffff;
}

The purpose of providing the custom CSS 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.

Hope it helps.
Thanks

[artthescience]

THANK YOU SO MUCH!!! It worked wonders! I really really appreciate it

[nabeel]

Glad that we could be of help.

Cheers!