Padding on Side Widgets in Evolve Theme

  • wcuangel4

    (@wcuangel4)


    10 years, 5 months ago

    Hi, I have my website http://tinytransitions.com/

    Im trying to reduce the padding on the side widgets. I have placed the following into the custom CSS area but it doesn’t appear to be doing anything.

    .widget-area .widget {margin-bottom: 1rem;}

    Is that wrong?

    Thanks,
    Courtney

Viewing 2 replies - 1 through 2 (of 2 total)
  • Will Schmierer

    (@officialwill)

    10 years, 5 months ago

    Courtney,

    You might want to check out around line 974 of your style.css file there is quite a bit of bottom margin between items where the line margin:0 0px 35px 0px; you might want to reduce that 35px value lower or all the way to zero as each widget still has some padding as well. Hope that helps. 

    .widget-content {
position:relative;
margin:0 0px 35px 0px;
padding:10px 15px 21px 15px;
font-size:13px;
background: #F6F6F6;
border: 1px solid #E0DDDD;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
}
    Thread Starter wcuangel4

    (@wcuangel4)

    10 years, 5 months ago

    Thanks, this is a rookie question but when i add this code to the custom CSS and modify the Margin from 35 to 5, it doesn’t appear to have changed. I dont want to do it in the master because when i update the theme it will wipe that out correct?

    What the heck am i missing… hmm. Thanks!!

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

The topic ‘Padding on Side Widgets in Evolve Theme’ is closed to new replies.