Home>Support>Change color of Site-Title

Change color of Site-Title

By Deborah Tobias, 10 years ago. Last reply by Andrew Misplon, 9 years ago.

I am using Vantage Premium version.
Can you post the custom css to change site-title to white?
Can you post custom css to change size of siteTag Line?

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

  1. 10 years, 1 month ago Deborah Tobias

    Also, this will be a 1 page site. Is there a way not to display the nav bar and Home?

  2. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Deboarah

    Thanks for running Vantage.

    The site title color can be set by inserting the following under Appearance > Custom CSS and editing as required:

    /* Vantage Site Title Color */

header#masthead hgroup h1 {
color: #666666 !important;
}

    If you’re making use of Appearance > Theme Settings > Logo: Support Text you can control that from Appearance > Custom CSS using:

    /* Vantage Support Text */

header#masthead hgroup .support-text {
color: #4b4b4b !important;
font-style: italic !important;
}

    Set your Pages > Home page template to Page Builder Home or Full Width, No Page Title.

    To remove the menu on the home page:

    .home .main-navigation { display: none; }

    To remove the menu overall set Empty Menu at Appearance > Theme Settings > Layout: Masthead Menu.

  3. 10 years, 23 days ago Deborah Tobias

    I added this code to Custom CSS to make the site-title and head-text navy blue but it does not work – still coming up GRAY instead of NAVY. I even changed the same code in the .css file:

    /* correct issue that text formating is not working */

@import url(<a href="http://fonts.googleapis.com/css?family=Lato:700" rel="nofollow ugc">http://fonts.googleapis.com/css?family=Lato:700</a>);

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

  /* Vantage Support Text */ 
header#masthead hgroup .support-text { 
color: #0e2d68 !important; 
font-style: bold !important; 
font-size: large;}

    Here’s the website: http://198.57.247.154/~geno/
    Thank you…

  4. 10 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    Apologies if you picked up that font import from me directly or another thread. I think it’s in another thread, I’ll go hunt that down now. It’s not correct. I see you’ve corrected it, nicely done.

    For anyone else reading this, Vantage does seem to struggle with bolding Lato at the moment due to the font weight imported. This is logged for review. In the mean time you can resolve by adding the following to Appearance > Custom CSS:

    @import url(http://fonts.googleapis.com/css?family=Lato:700);

  5. 10 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    It looks like our current forum setup adds the http://fonts…. so that’s where that’s coming from. We’ll correct that moving forward.

  6. 9 years, 10 months ago DavideC

    Hi Andrew,
    I have the same problem but I didn’t understand how did you resolve it.
    I’ve applied the Custom CSS as you write it but the support text still grey.
    Any suggestions?

    Thanks in advance

    Davide

    • 9 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      Hi Davide

      Did you then modify the Custom CSS to your desired color? The color I listed above for Support Text, #4b4b4b is grey.

      If that doesn’t help please open a new support thread and I’ll jump in there ASAP.

      https://siteorigin.com/new-thread/

      Thanks

  7. 9 years, 10 months ago Samuel Kutter

    I think, in the first bit of example code there is a dot (.) missing in the first line before hgroup, e.g.:

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

    • 9 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      Hi Samuel

      That’s correct. Post Vantage x.0.2, hgroup changed from a tag to a class so it does need a period in front of it.

      Thanks for the feedback.

  8. 9 years, 9 months ago Gafitanu Dumitru

    Hello
    I am using Vantage premium theme and I have the same problem to change the color of the title.
    Can you help me to use the theme dashboard or sometinh else for changing the color of the title?
    thanks
    Dumitru

    • 9 years, 9 months ago Andrew Misplon
      Hi, I Work Here

      Hi Gafitanu

      Samuel above highlights the correct formatted required:

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

      For Vantage Premium, insert the above under Appearance > Custom CSS. For Vantage Free, insert into a Custom CSS plugin of your own.

      For further assistance, please open a new thread and we’ll help out there:

      Page: New Thread

      Thanks

  9. 9 years, 8 months ago Laws Putin

    i tried to follow this thread, i do not see any change, please some other way?

  10. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Laws

    The above Custom CSS should be inserted under Appearance > Custom CSS for Vantage Premium or into your own Custom CSS plugin for Vantage Free. Once inserted, edit the color as required.

    For further help on this, please open a new support thread and we’ll jump in there:

    Page: New Thread

    Thanks

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