Footer & Header Text / Links Colour

Support
#1

How do I change the colour of the text / links / social media follow icons in the footer / header areas ?

#2

Hello There,

Thanks for writing in!

The colour of the text can be set in X > Theme Options > Typography > Body & Content.
The link colors such as the link text and the social icons in the header or footer can be set in X > Theme Options > Typography > Site Links.

Hope this helps.

#3

Hi - that does not help, and we did try that.

I repeat - we are referring to the links and text at the TOP header with social links and a welcome message, and the BOTTOM (footer) menu links.

We only wish to change these, not the body text colour.

Thanks!

#4

Hi There,

To change the color of those texts, please add the following CSS under Theme Options > CSS:

.x-topbar .p-info,
.x-topbar .p-info a,
.x-social-global a,
.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom .x-nav li a {
    color: #fff;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

#5

Sorted. Thanks!

#6

Glad to hear that and you’re most welcome!

#7

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