CSS to Reduce or remove section padding/ SKT White Pro

Home Forums SKT Black/White Theme Support CSS to Reduce or remove section padding/ SKT White Pro

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #96338
    Tiffany ClementsTiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    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

    #96340
    Tiffany ClementsTiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    Homepage news section. page 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. Home page section

    #96356
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    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

    #96372
    Tiffany ClementsTiffany Clements
    Participant
    • Topics: 14
    • Replies: 28
    • Total: 42
    Member since: June 1, 2015

    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.footer  section without editsfooter section with new edits

    #96377
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    Hi,

    Kindly remove this css.

    #mc_embed_signup { display:none !important;}

    Regards,
    Chris

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.