How to use in a footer widget

  • Resolved Tevya

    (@thefiddler)


    5 years, 2 months ago

    I found a cool trick as I was working on building WP Lifetime Deals and thought I’d share here real quick.

    You can use this cool plugin to set a layout (or multiple) as a site-wide footer. Here’s how to do it:

    1. Go to Theme Customizer > Footer > Layout and set the Column Layout to the single-full-width option.
    2. Now go to Widgets and add a Custom HTML widget and put your shortcode in it with the layout you want to use as the footer, such as: [showmodule id="1290"].
    3. Now you’ll notice that it’s not fullwidth. So you need to add the following CSS in Additional CSS in the Customizer, or Divi Theme settings:
    /* Remove Footer Widgets Padding/Margins */
#main-footer .container, 
#footer-widgets,
.et_pb_gutters3 .footer-widget,
#footer-widgets .footer-widget .fwidget.et_pb_widget { 
	padding: 0!important; 
	margin: 0!important; 
	width: 100%!important; 
	max-width: 100%!important; 
}

#footer-widgets .footer-widget li:before { display: none; }
    • This topic was modified 5 years, 2 months ago by Tevya.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Fabrice ESQUIROL

    (@creaweb2b)

    Thanks for your solution. I do same using php template but having an alternative way to do it is nice.

    Thread Starter Tevya

    (@thefiddler)

    Probably when the Theme Builder launches later this month, we won’t need this trick anymore. But it worked great for me in this case, until we get the Divi Theme builder.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to use in a footer widget’ is closed to new replies.

Tags