Remove padding around widgets & content

Tagged: padding, widgets

This topic has 7 replies, 4 voices, and was last updated 5 years, 9 months ago by jgioia.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 10, 2017 at 5:55 pm #113817

Darryl W
Participant

I’m trying to find the CSS coding that will allow me to eliminate the padding around my widgets & cite content on http://LibertyLobby.info
I don’t mind having some space on the left & right, but want to eliminate as much space above & below as possible. Any help?

April 10, 2017 at 7:06 pm #113819

Darryl W
Participant

April 11, 2017 at 12:22 am #113825
Mahesh
Keymaster
@libertylobby: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
.entry-container, 
.widget,
#supplementary .wrapper, 
#supplementary .widget {
    padding-top: 0;
    padding-bottom: 0;
}
```
Regards,
Mahesh
April 11, 2017 at 4:10 pm #113859

Darryl W
Participant

Excellent, thank you!
Additional question: is there a way to reduce the space between the sidebar widgets?

April 12, 2017 at 12:19 am #113879
Mahesh
Keymaster
@libertylobby: Add the following CSS:
```
.sidebar-primary .widget {
    margin-bottom: 5px;
}
```
Note: You can adjust the space as desired.

Regards,
Mahesh
February 26, 2018 at 6:34 pm #132417

barbidoll31
Participant

I used the code above for removing the space around the widget on my homepage and it didn’t work. Is there some kind of updated code that will work for me? I have the latest and greatest version of the Athena theme.

Thanks in advance for your help!
BJ

February 26, 2018 at 11:44 pm #132427

Mahesh
Keymaster

@barbidol31: The above code is theme specific and is for Clean Box Pro. It won’t work on other themes. And this support forum is for themes and plugins by CatchThemes only. Please contact your theme author/support for the CSS code, hope they’ll help you.

Regards,
Mahesh

February 28, 2018 at 5:05 pm #132574

jgioia
Participant

Hi Mahesh, thanks for all the great insight.
I am using the Fotografie by Catch Themes theme 🙂 – trying to make the footer area with my widgets smaller in height, either by a height value or padding value – I’ve used some of your code for both footer and widgets .. not sure if your code is theme specific. My domain is https://www.portraitartist.studio .. just too much space allocated to the bottom footer and widgets ..

I have used:
.sidebar-primary .widget {
margin-bottom: 5px;
}

and

#site-details {
padding: 0px 0;
} ————————– which did change the height of the SITE TITLE

Thanks in advance .. regards
Author

Posts