[gekeller4334Participant]

I tried adding the following CSS code to change the header under Appearance -> Customize -> Custom -> CSS, but nothing happened.

.x-logobar-inner {
background-color: #5b42ff;
}

I also need to know how to change the header text color to white, and how to upload a logo to the left of the text.

I’m new to all of this. Thank you

[Paul RModerator]

Hi,

Thanks for writing in!

You can try the code below.

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

body .x-navbar {
    background-color: #5b42ff;
}

Hope that helps. 🙂

[gekeller4334Participant]

That worked! Thank you.

Could you also help with one more thing? How do I change the color of the text in the header to white?

[gekeller4334Participant]

Also, I switched to a child theme so should I be putting this code in /peoplestrustservices/wp-content/themes/x-child-integrity-light/framework/style.css?

Thanks again!

[RubinKeymaster]

Hey There,

yes put the custom css in the style.css above the @import statement. For changing the color change the code to following:

body .x-navbar {
    background-color: #5b42ff;
    color: #FFFFFF;
}

If you need anything else let us know!

[gekeller4334Participant]

I don’t know if that worked for the font color because the text with my site name in the navbar changed to a link. I changed to the x-child-integrity-dark theme, which had a black background for the navbar with white text for the text.

I made some changes then tried to change to a dark purple background color for the navbar. Now the text has changed to a link again so I can’t have white for the text color. How do I fix the site name text so it isn’t a link? This the site name text that I entered in WordPress General settings.

[RubinKeymaster]

Hey There,

You don’t have to remove the link from the navbar you can just use a different CSS class to target the link:

body .x-navbar a { color: #FFFFFF; }

[gekeller4334Participant]

The text is back to normal again. Thank you anyway. I put the code you recommended back in style.css

The change does not show up right away on my site, but I will wait a while to see if it takes.

Thanks again

[RubinKeymaster]

Hey There,

always make sure to clear your cache after doing some changes otherwise you won’t see the changes instantly.

[jamesmdavies1978Participant]

Hi

I installed the salon/spa template and cant find how to change the logo at the top of the page (header?) to my logo.

Please help

[FriechModerator]

Hi There,

To change your site logo navigate to Appearance > Customize and then on Customizer under the Header tab look for the Upload Your Logo option. Remove existing logo there and replace it with yours.

Hope it helps, Cheers!

[Author]

Posts