Add banner to blog post pages

Hey lukeskelly,

Thank you for the inquiry.

It is possible to insert additional content below the header using the “ava_after_main_container” hook. Just add the following snippet in the functions.php file.

add_action('ava_after_main_container', function() {
   // add content here
}, 10);

You can also include conditional tags inside the hook in case you want to control where the content should be displayed.

// https://codex.wordpress.org/Conditional_Tags?PHPSESSID=1adce0e8881abee402658ac2c7b31bd1

Best regards,
Ismael

Hi,

Thank you for the update.

The following snippet should work. It will add a container below the header. Of course, you can include more content if necessary.

add_action('ava_after_main_container', function() {
   $output = "<div class='below-header'>This is a content below the header.</div>";
   echo $output;
}, 10);

You can then use the following css to style the container.

.below-header {
   display: block;
   width: 100%;
   height: 100px;
   background: red;
}

Best regards,
Ismael

Hi,

Sorry about that. We used double instead of single quotes in the class attribute within the output variable. We edited it accordingly. Please copy the snippet directly from the forum. It should work properly now.

Best regards,
Ismael

Hi,

Thank you for the update.

However, is there a way to add this to only the post pages?

Yes, that is possible. We can add a conditional tag before declaring the $output variable so that the function will only be executed on single post pages. Add this code..

if(!is_single()) return;

.. above this line:

$output = "<div class='below-header'>This is a content below the header.</div>";

Best regards,
Ismael