How to change padding/remove whitespace in Sela theme

  • I am trying to remove the whitespace/padding under the slideshow and above the three square image boxes.

    I have been using the “inspect” feature in Chrome.

    I have added the below to my child theme, but it only helps a little.

    .front-page-content-area .without-featured-image {
    border-bottom: 0px solid #f2f2f2;
    padding: 0 0 0 0;

    .front-widget-area, .front-testimonials {
    padding: 0 0 0 0;

    URL:
    https://tinyurl.com/ztgyewv (or you can use https://preview.tinyurl.com/ztgyewv)

Viewing 3 replies - 16 through 18 (of 18 total)

  • Okay, I think I might have understand why you’re missing bits of codes now. You probably thought that you need to replace the @media query bits in this post with this post and vice versa.

    That’s not the case. The codes in both posts are to be combined, not replace each other.

    So in your @media queries, you’ll have codes from both posts.

    THe complete Custom CSS, after combined both codes from both post, should look like this:

    I added some comments to guide future edits. They let us know which part does what, inside the code.

    /* ==========================================================================
   Form size
   ========================================================================== */

/* YIKES Easy form
   ========================================================================== */

.widget_yikes_easy_mc_widget .yikes-easy-mc-form {
    width: 100%;
}

/* YIKES form width on mobile devices */
.widget_yikes_easy_mc_widget {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {

    /* YIKES form width on desktops */
    .widget_yikes_easy_mc_widget {
        width: 40%;
    }

    /* Pop-up form
       ========================================================================== */

    /* popup form size */
    .popmake.size-micro {
       width: 50%;
       max-width: 600px;
   }
}
    Thread Starter jonmck

    (@jonmck)

    Perfect – got it! THANK YOU VERY MUCH!

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘How to change padding/remove whitespace in Sela theme’ is closed to new replies.