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 500pens.org.

    #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

    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.