Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 16, 2019 at 9:14 pm #1148672
    dudeto29

    Hello,

    I added an Easy Slider element to my home page, but some undesired space appeared above and below the slider which doesn’t seem to be editable in the element settings.

    I searched the forum and found this topic
    https://kriesi.at/support/topic/easy-slider-change-padding/
    I tried the suggested solution but it didn’t work for me. FYI I added to the Quick CSS the following:
    .home .avia-slideshow {
    margin-bottom:0 !important;
    margin-top:0 !important;
    }

    I activated the developer’s console on the home page, searched for the default css set for this element and found this:
    .avia-slideshow {
    position:relative;
    margin:50px 0;
    width:100%;
    clear:both;
    overflow:hidden
    }

    I’m sure that .avia-slideshow is the right class, because the element changes when I edit some values in the console (width, left or right margin). However, editing the 50px top and bottom margin doesn’t give any visible results…

    Could you please tell me how to remove this space?

    Thank you in advance.

    October 17, 2019 at 8:54 am #1148824
    Rikard

    Hey dudeto29,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    October 17, 2019 at 9:34 pm #1149042
    dudeto29

    Hi Rikard,

    The site is under construction and not accessible without login info… What is the procedure in this case?

    By the way the page is similar to the Home page of the Minimal portfolio https://kriesi.at/themes/enfold-minimal-portfolio/

    I just added an Easy slider on the top of the Fullwidth one – directly in the body, not in a Color section. The Fullwidth slider on this page has 0 margins everywhere – I need the same for the Easy slider as well. FYI on my page .av_slideshow_full.avia-slideshow margins are perfectly controlable via the Inspector, only the top and bottom ones of the Easy slider are problematic…

    Thanks in advance!

    October 18, 2019 at 7:43 am #1149152
    Rikard

    Hi,

    You can post WordPress login details in the private content box of your reply, that way it’s only available to moderators here on the forum.

    Best regards,
    Rikard

    October 20, 2019 at 1:15 pm #1149619
    dudeto29
    This reply has been marked as private.
    October 21, 2019 at 4:38 am #1149693
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .home .template-page {
  padding:0 !important;
}

    Best regards,
    Rikard

    October 21, 2019 at 9:02 pm #1149964
    dudeto29

    Hi Rikard,

    This is exactly what I need, thanks a lot!

    One last thing: all this custom css I’ve put in the Quick CSS field – will it be saved once the theme is updated? Or is it better to transfer it to the css file of the child theme?

    Thank you:)

    October 21, 2019 at 9:16 pm #1149974
    Jordan Shannon

    Hi,

    It’s good to keep it in quick css. It will be safe from updates.

    Best regards,
    Jordan Shannon

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