Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 1, 2014 at 12:41 am #360496
    grasshopperbee

    Hi,

    I would like to use a full width button as the footer for my site. I have selected a 1 column footer in theme options and added a text widget inside with the shortcode for a full width button.

    How can I make it truly full width and remove the padding?

    December 1, 2014 at 3:15 pm #360780
    Yigit

    Hi woeph!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer .widget { padding: 0; margin: 0; }
#footer .container { width: 100%; max-width: 100%; margin: 0; padding: 0; }
#footer { padding: 0; }

    Cheers!
    Yigit

    December 2, 2014 at 1:28 am #361216
    grasshopperbee

    Hi Yigit,

    Thanks, that’s exactly what I needed but I still get some padding on mobile and I’m not sure what I need to add in css. Can you please have a look?

    Thanks.

    December 2, 2014 at 6:04 am #361311
    Ismael

    Hey!

    Please add this below:

    @media only screen and (max-width: 767px) {
div#footer .container {width: 100% !important; max-width: 100% !important; margin: 0; }
div#footer .container .flex_column { margin-bottom: 0; }
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    December 2, 2014 at 11:01 pm #361838
    grasshopperbee

    Great. Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Footer with full width button inside widget’ is closed to new replies.