Logo on left, left of navigation bar

  • Author
    Posts
  • #110115
    500pens
    Member

    Hi there, I would love to put a logo in the upper left hand header that is a “home button” that would appear on all of the posts — and that way I have branding for my articles. Is that possible to do instead of the small title? Thanks!

    The blog I need help with is: (visible only to logged in users)

    #110288
    ricardpriet
    Theme Author

    Hi there!

    Well, this is possible but a bit tricky.

    Firstly remove the .site-title-name a:after that you added to put the tagline. Then add this:

    .silvio-name .site-title-name a {
        font-size: 0;
    }
    .site-title-name a:after {
        content: "";
        color: #000;
        background: url(https://500pens.files.wordpress.com/2017/04/screen-shot-2017-04-23-at-11-18-26-pm.png);
        width: 80px;
        height: 50px;
        display: block;
        background-size: 80px 50px;
    }

    As you can see, the rule takes a url of the image you want to use, and then sets some dimension of width and height for the container. Finally, the background size (image dimension) should be the same that width and height,

    Hope this helps :)
    Ricardo P. from SiloCreativo

    #110296
    500pens
    Member
    Original poster

    You are incredibly quick. Thanks for your help and the great theme!

    #110297
    ricardpriet
    Theme Author

    Thanks your for your words!

    You are welcome :)

    Good luck with your site!
    Ricardo P. from SiloCreativo

  • The topic ‘Logo on left, left of navigation bar’ is closed to new replies.