This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.


How to add image to header from child theme, use themeblvd_header_addon

  • Creator
  • #21201

    We are trying to add a linked image to the header on – to fall in line between the logo on the left and the social icons on the right. We’ve tried to follow some of your suggestions on other threads but nothing we try has worked yet. The image we are adding either ends up above the header, pushing it down, or between the header and the navigation area below it. We are not very familiar with PHP code, so any assistance you can give would be helpful. Thanks!

    Note: Currently, we’ve just added the code to header.php to at least get it on the page, since it is a crucial element needed by our client.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
  • #21202
    Jason Bobich


    This will work best if you hook your content it to the action, themeblvd_header_addon.

    In doing customizations like this, it’s crucial that you setup a child theme. And you’ll need to start learning a bit of PHP if you want to customize WP themes in this way. But don’t worry, many have gone down this path and succeeded. 😉

    Please watch this video from your documentation:

    And since you’ve already started configuring your site, be aware of the following things when activating your child theme:

    Then just hook your callback function, which outputs the HTML to themeblvd_header_addon. It can be easy as this from your child theme’s functions.php:

     * Add promo image to header
    function eiss_header_addon() {
    	<a href="" class="eiss-promo">
    		<img src="" />
    add_action( 'themeblvd_header_addon', 'eiss_header_addon' );

    Then, you need to style your promo badge with CSS from your child theme’s style.css to sit exactly where you want.

    Notice how I added the class “eiss-promo” to the HTML? This way you can style like this:

    .eiss-promo {
    	/* position your element ... */

    Thanks so much for the info – we will definitely look into learning child themes for the future!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.