Essence Pro – Add Background Image To Footer CTA Widget

This code adds a full width background image to the Essence Pro themes Footer CTA widget area like this :

The image is added via Customize > Essence Pro Settings > Footer CTA Image setting as seen in the following demo video.

Demo Video #

Shows the background image added via the customizer to the Before Footer CTA widget background.

There’s 4 steps :

Step 1 : Located on line 554, change the following line of code for the essence_footer_cta function from this :

'before' => '<div id="footer-cta" class="footer-cta"><div class="wrap"><div class="widget-area">',

To this :

'before' => '<div id="footer-cta" class="footer-cta" class="widget-area"><div class="wrap">',