Home>Support>Vantage – Change header colour with Custom CSS

Vantage – Change header colour with Custom CSS

By Blom90, 9 years ago. Last reply by Blom90, 9 years ago.

Hi,

I read a couple of threads on how to change the header (masthead) colour within the free version of Vantage, but it doesn’t seem to work…
Do I need to install a plugin or something? I thought I can just type in some CSS coding and voila! But either I’m doing something wrong or the theme doesn’t like me :)

I’m fairly new to WordPress.
Please help, this is an urgent matter.

/* Vantage Site Title Color */
header#masthead .hgroup h1 {
	color: #000000 !important;
}

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Greg Priday
    Hi, I Work Here

    Hi Blom90

    Welcome to the wonderful world of WordPress :)

    Where are you trying to enter that code? If you’re using the free version, then you’ll need a custom CSS plugin like this one to paste your code in.

    https://wordpress.org/plugins/simple-custom-css/

  2. 9 years, 5 months ago Blom90

    Why thank you for the sweet welcome, but I want to run away home already :P

    I actually fixed that – you see, I wanted to change the background of the header, behind the logo. I only needed to remove the “.hgroup h1” part. So simple :) and yes, I am using the free version. I might have installed a custom CSS plugin some time ago when I started working on this site, I don’t even remember.
    I tried to post the solution, but each time I clicked on Post Comment, a blank page loaded. It’s ridiculous, I think technology is against me today. Haha.

    Now I have an entirely different problem… And I don’t even know where to ask for help, I have tried everything I can think of.
    My client wanted me to add a Login button (even though the My Account page is already there). So I looked for a solution on the web. I found a PHP code which a couple of people said worked for them, but when I pasted it in my functions.php file, it gave a fatal error which I just can’t seem to fix!
    It says that there is a problem with a certain line (399) in the functions.php file, which was where I pasted the coding for the login button. Now because of this fatal error, I had to change the file in the website’s cPanel. I completely removed that piece of coding, but it didn’t work. How in the world can it still give that same error when the line (399) is not even in use anymore? My functions.php file’s coding stops at line 396.
    I even uninstalled the theme completely and reinstalled it. No result. I tried a different theme, but now because of that little 399 line I cannot access the My Account page (it gives exactly the same error).
    I thought of clearing the cache but I don’t know where to do this (WordPress can really do with a big Clear Cache button). I installed that Super Cache plugin, but it needs permalinks which I have no clue what to do with.

    Do you know who can help me with this? Thanks

  3. 9 years, 5 months ago Blom90

    Oh and yes, I typed that little piece of code for the header into the Custom CSS page under Appearance > Edit CSS.
    The funny thing is, now that I got that fatal error, even my CSS code is not working anymore. Hahaha….

  4. 9 years, 5 months ago Blom90

    Cleared the cache and everything is working perfectly now.
    For others that might have a hard time recolouring the header:

    /* Vantage Header Background Color */
    header#masthead {
    	background-color: #000000 !important;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More