Swedish Greys theme – how to center blog title/description and top navigation?

  • Resolved anony1

    (@victoriaeightyfive)


    12 years, 10 months ago

    Hi, I’ve been searching on the forum but I’m still struggling to align my blog title and the description underneath to the center. They’re almost there, currently too far off to the right only by about 30-40px or so.

    Also I’d like to centralise my top horizontal (secondary?) navigation. But so far have not been able to do this.

    If anyone could advise I’d be really grateful. I’m not totally fluent in html/css etc.

    Thank you!

    The blog in question is https://www.victoriaeightyfive.com

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

  • You will have to change several things in the CSS code:

    line 364
    #blog-description
    REMOVE text-align and width code

    line 397 (there is another #site-title on line 352 so make sure you have the right one)
    #site-title
    REMOVE this entire CSS piece

    line 394 add margin and width like this:
    #branding {
    margin: 0 auto;
    overflow: hidden;
    width: 99%;
    }

    What the above does is centering a block element by setting a fixed width to it that must be less than the enclosing element width (hence the 99% here) and then using the side margins set to auto — which centers the block element.

    Thread Starter anony1

    (@victoriaeightyfive)

    Wow thanks so much!
    It worked perfectly.

    Any idea on which bit of code/how I get the horizontal top menu to align centre?

    Thanks again!

    #secondary-nav ul
    delete float:left; and add:
    text-align: center;

    #secondary-nav li
    delete float:left; and add:
    display: inline;

    #secondary-nav li a
    add:
    display: inline-block;

    ??

    Thread Starter anony1

    (@victoriaeightyfive)

    Awesome.

    Thank you both so much ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Swedish Greys theme – how to center blog title/description and top navigation?’ is closed to new replies.