Remove the padding around Metaslider in Boutique Child theme

  • So I had to add this code to add the slider to my website.
    I added the code in the CSS of the Boutique child theme.
    But there is lots of padding around the slider. This theme has a widget area below the header and it seems as if the slider is in there at the moment.
    Can anyone help me with code to make the slider fit better in the site widht. I don’t want the slider full screen. Thanks

    add_action( ‘storefront_content_top’, ‘marce_custom_slider_storefront’ );
    function marce_custom_slider_storefront() {
    if ( is_front_page() ) {
    echo do_shortcode(“[metaslider id=218]”);
    }
    else {}
    }

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @burguava!

    You can use some CSS code to adjust this. The following should help” 

    .site-content .col-full, .site-footer .col-full, .header-widget-region .col-full {
    padding: 1.236em 1.874em;
}

    You can add this to the “Additional CSS” section found in your customizer, under “Appearance > Customizer”

    Cheers!

    Thread Starter burguava

    (@burguava)

    Thank you. This has worked, but the menu bar is now still too wide…

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @burguava!

    OK, please remove the CSS code I have given you before. I am working on some new CSS code which I will send shortly.

    Cheers!

    • This reply was modified 4 years, 5 months ago by Rynald0s.
    Thread Starter burguava

    (@burguava)

    I have now just chosen the full width template, added what I wanted with blocks, made that page the home page, and not added a header but a normal image at the top.
    There is still a lot of padding around, but I found when I try removing it or anything, the site displays wrongly on a mobile.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove the padding around Metaslider in Boutique Child theme’ is closed to new replies.