Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 2, 2014 at 7:44 pm #286356
    onlinedesigns

    I have 3 columns using icon boxes setup under a slider, followed by color section, a full width line and then a further 3 columns.

    However I am getting a large space between the first section of the page and the start of the next color section. I have padding set to no padding but still I get the space – how can I reduce the space (height) between these 2 sections?

    July 2, 2014 at 8:58 pm #286383
    Josue

    Hi Andrew,

    Can you post the link to the website please?

    Regards,
    Josue

    July 3, 2014 at 7:15 am #286519
    onlinedesigns

    Sure.

    http://marqueeroofrollers.co.uk/homepage/

    July 3, 2014 at 12:44 pm #286618
    Günter

    Hey!

    Put the following code into custom.css or Enfold->Quick CSS:

    
.page-id-734 #main .content{
padding-bottom: 0px !important;
}

    Best regards,
    Günter

    July 3, 2014 at 2:48 pm #286686
    onlinedesigns

    That has not made any difference I am afraid?

    I have tried both in Firefox and safari.

    July 3, 2014 at 2:54 pm #286691
    onlinedesigns

    Correction. I just tried in the the theme options CSS and it reduces the spacing a little but there is still too much blank space. Also it has affected the bottom of the page as well, meaning that the 3 icon boxes at the base of the page now bleed into the socket.

    July 3, 2014 at 6:38 pm #286790
    Yigit

    Hi!

    Please try following code instead

    .page-id-734 #main .content{
padding-top: 0px !important;
}

    Cheers!
    Yigit

    July 3, 2014 at 7:12 pm #286817
    onlinedesigns

    That acts of the page but taking the spacing out of the top between the slider and the icon blocks. It’s the bottom spacing I need to reduce.

    I tried changing the code to padding-bottom but then it has no effect.

    July 3, 2014 at 7:18 pm #286821
    Josue

    Hi!

    Try adding padding-bottom: 0 to the code too:

    .page-id-734 #main .content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

    Regards,
    Josue

    July 3, 2014 at 7:57 pm #286843
    onlinedesigns

    Still no effect on the space underneath the icon boxes

    http://marqueeroofrollers.co.uk/homepage/

    July 3, 2014 at 8:35 pm #286855
    Josue

    This will do it:

    .page-id-734 #av_section_1 .hr {
    margin-top: 0 !important;
}
.page-id-734 #av_section_1 .content {
    padding-top: 0 !important;
}
    July 3, 2014 at 9:54 pm #286884
    onlinedesigns

    I wish it would but still seeing too much space under the icon boxes.

    July 3, 2014 at 10:35 pm #286903
    Josue

    Final code should be:

    .page-id-734 #av_section_1 .hr {
    margin-top: 0 !important;
}
.page-id-734 #av_section_1 .content {
    padding-top: 0 !important;
}
.page-id-734 #after_layer_slider_1 .content {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
}

    Result:

    Regards,
    Josue

    July 3, 2014 at 10:39 pm #286904
    onlinedesigns

    That’s done it. I am going to buy another license just because I feel like I should now.
    Awesome support. Thank you so much.

    July 3, 2014 at 10:43 pm #286906
    Josue

    You are welcome Andrew, always glad to help :)

    Regards,
    Josue

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