Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 8, 2014 at 3:42 pm #261836
    jnhaswell

    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

    May 9, 2014 at 7:22 am #262180
    Josue

    Hey John Haswell!

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

    Regards,
    Josue

    May 12, 2014 at 9:39 pm #263562
    jnhaswell

    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

    May 12, 2014 at 9:41 pm #263568
    Josue

    Great news John, always glad to help :)

    Cheers!
    Josue

    May 14, 2014 at 8:51 pm #264894
    kevinpropper

    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

    May 14, 2014 at 8:53 pm #264896
    Josue

    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

    May 14, 2014 at 8:57 pm #264900
    kevinpropper

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

    May 14, 2014 at 8:58 pm #264901
    kevinpropper

    the url is: http://kevinpropper.com/casco/wp-content/uploads/2014/05/Casco_logo_associations_associations.png

    May 14, 2014 at 8:58 pm #264902
    Josue

    Hey!

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

    Regards,
    Josue

    May 14, 2014 at 9:04 pm #264903
    kevinpropper

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

    May 14, 2014 at 9:06 pm #264907
    kevinpropper

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

    May 14, 2014 at 9:06 pm #264908
    Josue

    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 10 years, 7 months ago by Josue.
    May 14, 2014 at 9:20 pm #264919
    kevinpropper

    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.

    May 14, 2014 at 9:37 pm #264931
    Josue

    Hi!

    Try this:

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

    Best regards,
    Josue

    May 14, 2014 at 9:54 pm #264941
    kevinpropper

    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?

    May 14, 2014 at 11:41 pm #264981
    Josue

    It would be better to create another topic for that.

    Best regards,
    Josue

  • Author
    Posts
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.