Change header colour from black

  • Resolved SLHC

    (@slhc)


    9 years, 6 months ago

    I’m using the Sporty theme and I would like to change the colours of the header (i.e. what is under the title), the menu and the widget title boxes from black to navy in line with the club colours in the website https://www.staffordladieshc.co.uk

    The only options in the theme settings seem to be to change the orange at the top and the link colours to either blue, red or green.

    Does anyone know if it’s possible to change the black colour please and if so how?

    Do I need to create a child theme? If so how and what would I then need to change?

    Any help is much appreciated

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

  • Hi there!

    Sure, you certainly can change those colors ?? You don’t need to create a child theme for this just install a plugin.

    1. In your admin dashboard navigate to : Plugins -> Add New

    2. In the search box at the top right type ‘Simple Custom CSS’

    3. It should be the first one that comes up – click on ‘Install Now’

    4. Once it’s installed click on ‘Activate Plugin’

    5. Now go to Appearance -> Custom CSS

    6. Where it says ‘Enter your Custom CSS’ paste in this code:

    .site-header .site-introduction {
  background-color: navy;
}

.main-navigation {
  background-color: navy;
  background-image: none;
}

.widget-title {
  background-color: navy;
}

    7. Click on ‘Update Custom CSS’

    You should end up with this result:

    Screenshot

    I hope that helps ??

    Cheers,

    Luke the Daft Duke

    Thread Starter SLHC

    (@slhc)

    That’s great, many thanks ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change header colour from black’ is closed to new replies.