How to center logo?

  • I’d like to center the logo on my site, beautyinyourhands.com.au
    The logo is currently on the left,
    I’ve got no idea how to use themes and whatnot so please try to be descriptive,

    I want to put the logo in the middle of the header,
    and so far in the stylesheet.css this is all i can find:

    /* 2.3 Header */
    header { padding: 50px 20px 40px!important; }

    #logo { float: left; margin: 0 10px 0 0; }
    #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; }
    #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
    #logo .site-title a:hover { text-decoration:underline; }
    #logo .site-description { color:#999; font:italic 14px/1em Georgia, serif; }

    #topad {float:right;}

    Please help me out!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Code Metic

    (@noemermidagmailcom)

    Change it like this.

    Clear the float and put a width.
    #logo { width: 300px; margin: 0 auto; }

    /* 2.3 Header */
header { padding: 50px 20px 40px!important; }

#logo { width: 300px; margin: 0 auto; }
#logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px/1em Georgia, serif; }

#topad {float:right;}
    Thread Starter biyhwp

    (@biyhwp)

    Thanks so much!
    That worked with putting it in the center, but for some reason now the slides aren’t showing up?

    Code Metic

    (@noemermidagmailcom)

    Slide are actually there. You just add an image in order to appreciate it.

    Thread Starter biyhwp

    (@biyhwp)

    There are slides added when I go to the slides section,
    But they’re not showing up after I changed it. Only the slide caption.
    Check it out; https://beautyinyourhands.com.au/

    in style.css line no: 363
    add text-align: center;
    u get logo in center

    Thread Starter biyhwp

    (@biyhwp)

    It’s just not the slide images that’ve gone, it’s all the images.
    Please help me out.

    Hello I wnt to make my logo center too here’s the site https://heynatureshop.com please help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to center logo?’ is closed to new replies.