Hi,
I’d like to have the footer and socket both have the same background image. I’m assuming the best way to do this is use the ava_before_footer to write a new div before the <div class='container_wrap footer_color' id='footer'>
// Add Content before Footer
add_action( 'ava_before_footer', 'de_ava_before_footer' );
function de_ava_before_footer() {
?>
<!-- Start of Footer and socket -->
<div class="footer-and-socket">
<?php
}
But what is the best way of closing this off? I can’t see a ava_after_footer hook that I can use so I’ve created a:
do_action( ‘ava_after_socket’ );
in footer.php and saved that to my child theme and added this just after the
// Add Content after socket
add_action( 'ava_after_socket', 'de_ava_after_socket' );
function de_ava_after_socket() {
?>
</div>
<!-- End of Footer and socket -->
<?php
}
Is that the best way to do this?
Thanks.
Hey DigitalEssence,
Thank you for the inquiry.
Yes, that should do it. You can also wrap the socket and footer container using javascript, but it might cause unnecessary layout shift.
// https://api.jquery.com/wrapall/
And FYI, you can assign a specific page as footer in the Enfold > Footer > Default Footer & Socket Settings settings.
Best regards,
Ismael
Thanks ismael, great to know I’m on the right track.
Will also look at the page as a footer later.