Home › Forums › SKT Black/White Theme Support › CSS to Reduce or remove section padding/ SKT White Pro
- This topic has 4 replies, 2 voices, and was last updated 6 years, 5 months ago by
Sonl Sinha.
-
AuthorPosts
-
March 12, 2018 at 9:53 pm #96338
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
March 12, 2018 at 10:38 pm #96340Homepage 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.
March 13, 2018 at 7:11 am #96356Hi,
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,
ChrisMarch 13, 2018 at 8:59 am #96372Hi!
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.
March 13, 2018 at 9:22 am #96377Hi,
Kindly remove this css.
#mc_embed_signup { display:none !important;}
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.