centralising my site title and adding a logo

  • Author
    Posts
  • #1221245

    hello, please i use twentytwelve theme for my website http://www.degokhotels.com and i need to centralise the site title and add a logo, i also need to change the colour of my menu border to gold. i have been battling with this for long please geeks, help me out!

    The blog I need help with is sheriffsalawu.wordpress.com.

    #1221349

    jxjoson
    Member

    Where do you want to add the logo?

    #1221350

    on top of the site title.
    some thing like
    logo
    SITE TITLE

    #1221351

    jxjoson
    Member

    So, first you can center the title by editing the ‘style.css’, search for ‘.site-header h1’, and put ‘text-align: center;’ under the ‘margin-bottom: 0’.

    #1221352

    jxjoson
    Member

    To change the menu borders gold, you need to edit the style.css again and search for ‘.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul’, change the ‘1px solid #ededed’ to ‘1px solid gold’ on both border-bottom and border-top. That should do it.

    #1221354

    This is of course assuming that you have bought the Custom Design upgrade for $30 per year. Otherwise you will not be able to do the above.

    More about that here: http://en.support.wordpress.com/custom-design/

    You can upload a header (which could be your logo) for your site by going Appearance -> Header and uploading a picture or using one already in your media library. http://en.support.wordpress.com/themes/custom-header-image/

    #1221356

    this is the only thing i have there

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    display: none;

    #1221358

    jxjoson
    Member

    Look for this:

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: inline-block !important;
    text-align: left;
    width: 100%;
    }

    #1221359

    jxjoson
    Member

    Sorry, wrong code. Look for this:

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: inline-block !important;
    text-align: left;
    width: 100%;
    }

    #1221363

    jajosonn! you are the best!!!!! gracias amigos! thank a trillion! it worked!

    #1221365

    jxjoson
    Member

    No worries. Anyways, #c68e17 looked better than gold, that’s great!

The topic ‘centralising my site title and adding a logo’ is closed to new replies.