CSS to Reduce or remove section padding/ SKT White Pro

[Tiffany Clements]

Hi!

I would like to reduce or remove the padding in section 4 (news) on the home page and also in the footer sitewide. I want to remove or adjust the padding at the top and bottom. Where the color line is above the latest posts that represent the amount of padding above. Where the area starts from just beneath the oldest entries tab to where the color line below the white area starts that represents the padding below. Also, It seems that when widgets are added to the footer it increases the footer height. I would like to go for a bit of a minimal more polished look and decrease the height there as well. Here’s the link to my website Celebrity Scope

[Tiffany Clements]

Homepage news section. Lastly, I would like to know the proper CSS code to change the background color within this small section where the arrow is pointing.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

#news { padding-bottom: 0;}
.latest-news { margin-bottom:0;}
.news-box { min-height:340px; margin-bottom:20px;}
.photobooth .filter-gallery ul { background-color: transparent !important; text-align:center;}
.photobooth .filter-gallery ul li { display: inline-block; float:none;}
#wp-calendar { width: 85%;}
#wp-calendar tr { text-align:center;}
#mc_embed_signup { display:none !important;}
#mc_embed_signup .indicates-required { display:none !important;}
#mc_embed_signup .mc-field-group { padding-bottom:0 !important; min-height:40px !important;}
#mc_embed_signup .mc-field-group label { width:100px; float:left;}
#mc_embed_signup .mc-field-group input { width:68% !important; float:left;}
.widget-column-1 { margin-bottom:0;}
.footer-col-1 { margin-bottom:15px;}
#mc_embed_signup form { padding-top:0 !important;}
#mc_embed_signup h3 { margin-bottom: 15px;}

Regards,
Chris

[Tiffany Clements]

Hi!

Thanks so much for the code. It has everything looking great except my subscription box is now gone. I assume because the code is set to {display: none;} If I need to change the size of the mail chimp subscription form so that it fits the new footer style will do. Please assist me in adjusting the code so the subscription form remains and the new footer style stays. Thanks.

[Sonl Sinha]

Hi,

Kindly remove this css.

#mc_embed_signup { display:none !important;}

Regards,
Chris

[Author]

Posts