Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #261836

    Good Morning!

    I currently have a logo and custom background image set up, but we’re looking to have a secondary image/banner added to the right of the logo. This would probably be a .PNG that would fade into the background image I’m currently using and include a tagline. How would I go about doing this without breaking the current theme? I would typically dive into the PHP files, but everything is set up so well in the theme options that I want to see the best way possible to do this without breaking anything.

    Here is the current site to view: http://instaglucose-com.web10.prepropagate.com/

    The banner would run until the search icon, and be ontop of the light blue section.

    Thank for the assistance!!!

    – John Haswell

    #262180

    Hey John Haswell!

    Try the solution i provided here:
    https://kriesi.at/support/topic/adding-468-x-60-banner-to-header/

    Regards,
    Josue

    #263562

    Thanks Josue – I actually ended up doing a static background and an extended floating .PNG to mimic two images. It seemed to do the trick for this one. Appreciate the follow up though and I’ll do it this way in the future!

    Best,
    John

    #263568

    Great news John, always glad to help :)

    Cheers!
    Josue

    #264894

    John/Josue, I’m hoping you can help with my header issue. I’m trying to add a second graphic to the header aligned to the bottom of the logo but on the right edge of the “container” (i believe).

    the website is: http://www.kevinpropper.com/casco

    Currently the Casco logo and the trade association logos are a single image. But I need the trade association logos on the right side of the header flush right to the phone number and search graphic.

    Please advise
    Kevin

    #264896

    Hey Kevin!

    I see have been able to add the URL of the image in a .header-addition div, what you need to do is make it an img element:

    <div class="header-addition"><img src="http://kevinpropper.com/casco/wp-content/uploads/2014/05/Tiny_Masthead_Logos.png"></div>
    

    Cheers!
    Josue

    #264900

    Hi Josue, thanks the the quick reply. I tried that but I’m getting a syntax error.

    #264901
    #264902

    Hey!

    What error are you getting? what code are you using to add the img to the header?

    Regards,
    Josue

    #264903

    helper-main-menu.php
    Line 102: echo “<div class=’header-addition’>“</div>”;

    #264907

    echo “<div class=’header-addition’>“</div>”;

    #264908

    Hey!

    Try with this:

    echo '<div class="header-addition"><img src="http://kevinpropper.com/casco/wp-content/uploads/2014/05/Tiny_Masthead_Logos.png"></div>';
    

    Regards,
    Josue

    • This reply was modified 6 years, 5 months ago by  Josue.
    #264919

    Yes! You Rock. It worked. I’ve been working on this for longer than I care to admit. Can you help me nudge it into position? The quick css should be .header-addition { ??? }?

    Thanks so much.

    #264931

    Hi!

    Try this:

    div.header-addition {
        position: absolute;
        top: 30px;
    }

    Best regards,
    Josue

    #264941

    Much obliged. I’ve got a navigation issue I need help with too. Should I create a new ticket or can we continue on this one?

    #264981

    It would be better to create another topic for that.

    Best regards,
    Josue

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Adding a second header image right of the header logo?’ is closed to new replies.