Changing widget area colours

[colersa]

Hi, I have revised the color of the footer widget area but now I need to change the color of the text content of the widget area. How can I do this changes?

[nabeel]

Hi @colersa,

Thank you for reaching out to us. To change the color of the text content of the widget, add the following code in the Theme Options > CSS:

/* Text and links color */
footer.x-colophon .widget,
footer.x-colophon .widget a {
    color: #41979b;
}
/* Title color */
footer.x-colophon .widget .h-widget {
    color: #9b9b46;
}

You can change the color codes as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!