Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 2, 2015 at 1:58 pm #512798
    richardelectrix

    How do I reduce the padding at the bottom of the colour section without effecting the rest of the page?

    I know I can add padding-bottom: 20px; to the .container css but that reduces all of the padding.

    I only want the padding reducing at the bottom of the color section.

    Or better still find out why there is additional padding at the bottom of the color section when there never used to be.

    http://screencast.com/t/nMWeJxOFuWz

    http://dev2.electrixinternational.com/products/trunking-systems/

    October 2, 2015 at 2:03 pm #512801
    Yigit

    Hey richardelectrix!

    Please add following code to Quick CSS 

    .page-id-15969 #av_section_1 .content {
    padding-bottom: 5px;
}

    Regards,
    Yigit

    October 2, 2015 at 2:04 pm #512804
    richardelectrix

    Hi,

    I would like the code to alter all .full-width-colour sections rather than that color section on that specific page.

    October 2, 2015 at 2:07 pm #512807
    Yigit

    Hi!

    You can give your color sections a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then change the code to following one 

    #your-custom-id .content { padding-bottom: 5px; }

    Best regards,
    Yigit

    October 2, 2015 at 2:22 pm #512819
    richardelectrix

    I have called the color section ‘full-width-colour’ and have applied the following css to that section, but it is still displaying a bigger gap at the bottom than the top.

    #top .full-width-colour{
    margin-top: 0!important;  /* alters the gap BEFORE the colour section */
    padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */
    padding-bottom: 5px;
}
    October 2, 2015 at 2:23 pm #512821
    richardelectrix

    I have also tried this …

    #top .full-width-colour{
    margin-top: 0!important;  /* alters the gap BEFORE the colour section */
    padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */
}

#top full-width-colour .content {
    padding-bottom: 5px;
}
    October 2, 2015 at 2:28 pm #512825
    Yigit

    Hi!

    Please use following code 

    .page-id-15969 .avia-section .content {
    padding-bottom: 10px;
}

    Cheers!
    Yigit

    October 2, 2015 at 2:31 pm #512828
    richardelectrix

    Hi

    This now works

    #top .full-width-colour{
    margin-top: 0!important;  /* alters the gap BEFORE the colour section */
    padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */
}

#top .full-width-colour .content {
    padding-bottom: 20px;
}
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Reduce padding only at bottom of Colour Section’ is closed to new replies.