WordPress.org

Ready to get started?Download WordPress

Forums

How to center logo? (8 posts)

  1. biyhwp
    Member
    Posted 1 year ago #

    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!

  2. Code Metic
    Member
    Posted 1 year ago #

    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;}
  3. biyhwp
    Member
    Posted 1 year ago #

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

  4. Code Metic
    Member
    Posted 1 year ago #

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

  5. biyhwp
    Member
    Posted 1 year ago #

    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; http://beautyinyourhands.com.au/

  6. mukesh panchal
    Member
    Posted 1 year ago #

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

  7. biyhwp
    Member
    Posted 1 year ago #

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

  8. bloggerjan
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic