This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Centering Site Title

Resolved 10 replies premiumthemetheme-vantage
JOYCE AMIWERO
11 years ago · Last reply by Andrew Misplon 11 years ago

I have tried every code available on this forum for centering the site title, still nothing works. Can someone explain how I can do this. I am using Vantage premium and coping the code into the custom css of the child theme does nothing. Please help and thanks.

URL: http://testimoniestogodsglory.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. HavaWorkman 11 years, 1 month ago

    I would like to know this also, so I’m posting so I can receive notification when an answer is posted. :)

  2. judge 11 years, 1 month ago

    Ditto–^

  3. judge 11 years, 1 month ago

    Ditto–^

  4. Andrew Misplon Staff 11 years, 1 month ago

    Hi JOYCE and everyone. The confusion here is that Appearance > Customize > General > Center Logo is just that, it only centers the logo. Apologies for the confusion here. To center your site title add the following to Appearance > Custom CSS:

    /* Vantage Center Site Title Center Support Text */

header#masthead .hgroup h1 {
text-align: center;
}

header#masthead .hgroup .support-text {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
max-width: 100%;
position: initial;
width: 100%;
}

    Let me know if you need a further hand with that.

  5. JOYCE AMIWERO 11 years, 1 month ago

    Thanks for your reply and the code but unfortunately it doesn’t work. Below is the whole code in my custom css:

    /* Vantage Center Site Title Center Support Text */

    header#masthead .hgroup h1 {
    text-align: center;
    }

    header#masthead .hgroup .support-text {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    position: initial;
    width: 100%;
    }
    /* Vantage Center the main menu */
    .main-navigation ul {
    text-align: center !important;
    }
    .main-navigation ul li {
    display: inline-block !important;
    float: none !important;
    }

    Please let me know what I need to do?
    Thanks

  6. Andrew Misplon Staff 11 years, 1 month ago

    For this particular case where you’re not using the header text field, please remove your custom CSS that pertains to centering in the header and try the following instead:

    /* Vantage center the site title and hide support text */

header#masthead .hgroup .logo {
float: none; 
}

header#masthead .hgroup h1 {
text-align: center;
}

header#masthead .hgroup .support-text { 
display: none;
}
  7. JOYCE AMIWERO 11 years, 1 month ago

    Thanks for your reply; followed your instructions but nothing works. Here is what is in the custom css:

    * Vantage center the site title and hide support text */

    header#masthead .hgroup .logo {
    float: none;
    }

    header#masthead .hgroup h1 {
    text-align: center;
    }

    header#masthead .hgroup .support-text {
    display: none;
    }
    /* Vantage Center the main menu */
    .main-navigation ul {
    text-align: center !important;
    }

    .main-navigation ul li {
    display: inline-block !important;
    float: none !important;
    }

  8. Andrew Misplon Staff 11 years, 1 month ago

    Your Custom CSS is missing an opening forward slash before the first asterisk. This will unfortunately cause the CSS to not work.

    Please take a look at the CSS I posted last and compare it to yours. Should do the trick.

  9. JOYCE AMIWERO 11 years, 1 month ago

    thanks a lot that has resolved the problem.

  10. Andrew Misplon Staff 11 years, 1 month ago

    For sure, glad that helped.

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.

Have a different question or issue?

Start New Thread