How to put site logo to the left of Site Title

  • Resolved midwest10

    (@midwest10)


    6 years ago

    Hello,

    I’m trying to put my site logo to the left of my site title. I’ve found this CSS code in other posts on this forum & tried it, but nothing happened. I put the code in the “custom CSS” spot. Any help would be appreciated.

    .site-branding .site-logo {
    float: left;
    }

    .site-branding .site-title {
    float: left;
    display: block;
    clear: none;
    }

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years ago

    Don’t gather CSS from other posts; generally, it’s specific to your theme. Remove what you added above and use this:

    a.custom-logo-link {
    float: left;
}

    To add CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter midwest10

    (@midwest10)

    6 years ago

    I was just hoping what worked for them would work for me since we were both having the same problem. Didn’t want to waste anybody’s time. 🙂

    Your CSS code did work, but now the site title is on two lines. How do I put the title back to one line?

    Thanks

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years ago

    .site-title {
   float:left;
   padding-top: 10px;
}
.site-description {
   float:left;
}
    Thread Starter midwest10

    (@midwest10)

    6 years ago

    Thanks, that worked.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years ago

    You may want to play with that padding-top a bit to raise or lower the text.

    Thread Starter midwest10

    (@midwest10)

    6 years ago

    Yep I did. Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to put site logo to the left of Site Title’ is closed to new replies.