Help, I would like no padding for a specific widget???

  • Resolved mikecheck1two

    (@mikecheck1two)


    14 years, 1 month ago

    I have this text widget that is at the very top of my right sidebar and I don’t want any padding for this widget. It’s the one with the about me picture.

    I tried to style it by adding this to my template.css and style.css but it doesn’t work. Don’t know which template I need to add the style for so I added it to both?

    #text-4 {padding: 0px;}

    Can someone please tell me what css code I need to enter and for which css file?

    This is my test website https://www.churchwebsitedezign.com/

    THANKS

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Try:

    #text-4 {padding: 0px !important;}

    This overrides any inherited padding.

    Also, you have a ton of nested divs in that one widget – make sure there’s no padding in any of them where you don’t want it:

    <div id="text-4" class="widget widget_text"><div class=""><div class="moduletable"><div class="side-style-h3"><h3 class="module-title">&nbsp;</h3></div><div class="module-inner">

    There’s only a 15px bottom padding on that widget.

    Thread Starter mikecheck1two

    (@mikecheck1two)

    Do I add this to my style.css file? template.css file? I added it to both but it did not work.

    I know if I remove the padding from .module-inner in my template.css file it removes the padding but it also effects other areas of my website including the main body area. For some reason the homepage content body is fine but on other pages it get’s effected.

    I don’t think I have padding in my nested divs.

    Thread Starter mikecheck1two

    (@mikecheck1two)

    This is where the padding is coming from.

    .module-inner {
    overflow: auto;
    padding: 10px;
    position: relative;

    Moderator Kathryn Presner

    (@zoonini)

    #text-4 .module-inner {
   padding: 0px !important;
}

    This should zero out your padding on that widget only.

    Thread Starter mikecheck1two

    (@mikecheck1two)

    Woohoooooo!!! God bless America. Thank you, thank you. That solved it.

    Moderator Kathryn Presner

    (@zoonini)

    Excellent! If you would please mark this thread as “resolved” it would be appreciated. Helps everyone keep better track of whose issues are still outstanding. Thanks!

    Thread Starter mikecheck1two

    (@mikecheck1two)

    Just marked resolved. I’m new here, now I know in the future to mark as resolved. “resolved” FTW

    Moderator Kathryn Presner

    (@zoonini)

    Awesome, thanks. ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Help, I would like no padding for a specific widget???’ is closed to new replies.