How do I change the header colour?

  • Hello,

    Our original web developer has left and I am trying to keep the site updated. I’m not familiar with CSS code on a steep learning curve. The peace theme he used doesn’t seem to have any support available but I hope someone can still help.
    In the header we have contact details and social media links, but they are currently a pale grey and invisible on top of the background image (it was a dull grey I replaced it with something more colourful but in the process created another problem!)

    I’ve played around a bit and managed to change font of the welcome message to black but cannot figure out how to change the top buttons and text at all

    Can anyone advise me how I could change the font colour to black? Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @naomigreen,
    the CSS below is what changes the colour for the social icons. Change the colour to what you need.

    
#top-section .social-search ul li a {
	color: #c5beb9;
}
#top-section .social-search #site-search a {
	color: #c5beb9;
}

    And here is the code for the contact details

    
#top-section .address ul li i, #top-section .address ul li {
	border-color: #dcd6d2;
	color: #c5beb9;
}

    Again change the colours to anything you want.

    You need to learn to use your web browser’s “browser inspector”, each browser has one (firefox / chrome etc). Using it will show you how your pages are com[posed, how the html and css are behaving. They will even let you easily experiment with some settings.
    Then when you have changes you wnt to incorporate, login to your dashboard, then while viewing your page, on the top edge click “customizer” and choose the “additional css” tab.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I change the header colour?’ is closed to new replies.