Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1293564


    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">

    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() {
    <!-- End of Footer and socket -->

    Is that the best way to do this?

    • This topic was modified 1 month ago by  DigitalEssence.
    • This topic was modified 1 month ago by  Ismael.

    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.


    And FYI, you can assign a specific page as footer in the Enfold > Footer > Default Footer & Socket Settings settings.

    Best regards,


    Thanks ismael, great to know I’m on the right track.

    Will also look at the page as a footer later.



    Sure thing! Creating a custom page using the advance layout builder and setting it as the footer and socket should also work, and you will not have to edit the template files.

    Have a nice day.

    Best regards,

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

The topic ‘HOW TO: make the footer and socket have the same background image’ is closed to new replies.