Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 1, 2015 at 6:03 am #496220
    Richard

    Hi

    I give up! Tried everything. How can I take out some space between the image and the slider underneath it on the home page?
    Regards
    Richard

    September 1, 2015 at 7:14 am #496235
    Basilis

    Hi Richard!

    I loaded the web site and I do see as space as needed, is that right?
    Have you fixed your issue?

    Best regards,
    Basilis

    September 1, 2015 at 7:38 am #496258
    Richard

    Hi Basilis
    Thanks for your reply. I have not fixed the issue yet. I would still like to reduce the space above the slider
    Regards
    Richard

    September 1, 2015 at 4:54 pm #496538
    Dake

    Hi!

    You can slightly reduce the spacing above the slider with the below css or disabling the breadcrumbs on the homepage:

    #top .title_container .container {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
    min-height: 37px !important;
}

.title_container .main-title {
    min-height: 35px !important;
}

    In order to reduce the space between the slider and image you can adjust the first margin value below (25px):

    .avia-slideshow {
    margin: 25px 0 !important;
}

    Cheers!
    Dake

    September 3, 2015 at 1:45 am #497462
    Richard

    Hi Dake

    Thanks for your reply. This coding does not seem to work.

    .avia-slideshow {
    margin: 25px 0 !important;
}

    Similar to what I was using which also did not work.
    Regards
    Richard

    September 3, 2015 at 5:00 am #497480
    Dake

    Hey!

    May we have temporary access to your website so we can try applying the css ourselves?

    Regards,
    Dake

    September 3, 2015 at 5:04 am #497481
    Richard

    Hi

    Here you go

    Regards
    Richard

    September 4, 2015 at 9:57 am #498181
    Ismael

    Hey!

    I checked the page but I don’t see any space left between the header and slider. Do you need the title container in the home page? If not, use this css code:

    .home .title_container {
    display: none;
}

    Add this code to adjust the padding of the main container:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 150px;
}

    Please turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Edit the slider element, look for the Custom CSS Class field. Add “custom-slider” for example then use this in the Quick CSS field to adjust the bottom margin:

    .custom-slider { margin-bottom: 10px !important; }

    Regards,
    Ismael

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