insert picture on the same line as the title

  • Unknown's avatar
    cgibourg · Member ·

    With theme opti, the header image is too high ; I just want to insert picture on the left on the title (not under). Is-it possible with CSS ? The logo that can be inserted on the top is really small and it’s always space used on all the width of the sreen.

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, you can do a couple of things. First, we can float the logo you have inserted to the left with the following CSS. 

    #masthead a.site-logo-link {
    float: left;
}

    The other way is to hide the existing logo you have and then bring it back into the site-title div. The following is a starting point to see what you think of this idea. We can then work on the alignment and spacing of things if this looks like it would work for you. 

    #masthead a.site-logo-link {
    display: none;
}
#logo {
    background: transparent url("https://moskvaaccueil.files.wordpress.com/2015/06/logo-ma.png?w=110") no-repeat scroll left center /contain;
    height: 110px;
}
h2#description, #logo {
    margin: 0 30%;
}
  • Unknown's avatar
    cgibourg · Member ·

    Thanks, very good code! To be better, the space between the title and the tagline must be reduced. So I have deleted the title and replaced the logo by a picture that included logo and title. Perfect!

  • Unknown's avatar
    thesacredpath · Member ·

    Excellent solution you came up with, and you are welcome.

  • The topic ‘insert picture on the same line as the title’ is closed to new replies.