Padding

  • Resolved dbizzle

    (@darsunrb)


    11 years, 1 month ago

    Hi I have searched the forum for a solution but still can’t manage to fix this.

    The site is https://www.bettingfamily.com and I would like to completely remove the white spaces that surround the slider image.

    I have seen that the padding option here solves it when reduced to 0, but it then messes with other parts of the site.

    .widget {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    padding: 20px;

    I have also tried adding this to the end of .css but nothing happens.

    .metaslider .widget {
    padding: 0; /* remove padding */
    }

    Any help would be much appreciated, thanks!

    https://www.ads-software.com/plugins/ml-slider/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi dbizzle,

    I can’t tell you for sure as it doesn’t look like the slideshow widget is on the page at the moment, but I think this might work:

    widget.metaslider_widget {
    padding: 0;
}

    If that doesn’t work, please put the slideshow back on the page and I’ll take another look.

    Regards,
    Tom

    Thread Starter dbizzle

    (@darsunrb)

    Hi thanks for your quick response, much appreciated! the slideshow is on the page, perhaps disable your adblock? But I will try what you said and get back to you

    Thread Starter dbizzle

    (@darsunrb)

    Hi I added the code to the end of the style.css and it didn’t fix it, the padding is still the same.

    Hi, sorry – AdBlock blocked it.

    Try this:

    #text-13 {
    padding: 0;
}

    For future reference (and other people looking for a similar fix) “text-13” is the ID of the widget container, you can find this out using google chrome – right click on the widget area and click ‘Inspect element’.

    The CSS I sent earlier should work if you use the Meta Slider widget, but it wont work if you paste the shortcode into a text widget.

    Regards,
    Tom.

    Thread Starter dbizzle

    (@darsunrb)

    Hi Tom

    I added the previous text to the end of my style.css but the padding issue remains.

    I even changed the widget from a text to the metaslider one instead and tried the first bit of code but the padding still remains?

    Thread Starter dbizzle

    (@darsunrb)

    It’s working! Thank you so much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Padding’ is closed to new replies.