Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 21, 2022 at 12:35 pm #1362336
    Sovietovic

    Hi
    I’m trying to add separator between slider + horizontal gallery on my webpage. I’m able to change it to bigger 50+, but I want to have just small/thin whitespace. I’m not able to do it. I’ve tried to set -250, -500, 10, 20 (height) but nothing changed. It’s always the same size.

    Is this a bug or a way how to make this whitespace thiner by default between these two elements.

    Thanks

    August 21, 2022 at 3:20 pm #1362346
    Rikard

    Hey Sovietovic,

    I’m not sure I fully understand what you are looking to adjust, could you post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    August 23, 2022 at 4:50 pm #1362529
    Sovietovic

    Hi Rikard,
    Thanks for your reply.

    If you check my website frontpage you can see there is gap between top “Simple slider” and second “Horizontal Gallery”. In between them I want to make the whitespace smaller but I’m unable to do so. No matter what I specify the space won’t go lower than what is displayed now.

    space

    Is there a specific reason why I’m not able to change this space? Any ideas how to make it smaller?
    Thanks
    Jaro

    August 23, 2022 at 5:09 pm #1362536
    Rikard

    Hi,

    Thanks for that. Please try this in Quick CSS:

    .home #after_full_slider_1 .content {
    padding-top: 0;
    padding-bottom: 0;
}

    Best regards,
    Rikard

    August 23, 2022 at 8:07 pm #1362555
    Sovietovic

    Thanks Rikard. That worked nicely. Is there some plan to add this option to GUI options of full slider? Can you maybe add it as action item for your team?

    August 24, 2022 at 4:45 am #1362580
    Ismael

    Hi,

    Thank you for the inquiry.

    The unwanted gap or space occurs because the theme automatically creates a section or container for elements that were added after the sliders. To remove the gap, just add a color section element after a slider, set its Layout > Margin & Padding > Section Padding to No Padding and set the margins to zero, then place the separator element inside that section. You can also use the color section element itself to create spaces between elements.

    Best regards,
    Ismael

    August 26, 2022 at 6:26 am #1362854
    Sovietovic

    Thanks Ismael,
    I’ve tried hack you mentioned using GUI but that did not work. The gap still exist with same issue and unable to make it smaller. It seems only code from Rikard does what I need. If there is some other GUI hack it would be nice, if not I will be fine with code for now as well

    Jaro.

    August 26, 2022 at 12:59 pm #1362875
    Rikard

    Hi,

    We don’t have any other solutions unfortunately. We can try Ismaels solution out for you on your actual site if you post admin WordPress login details in private. That might not be necessary if you are ok with using the CSS I sent though.

    Best regards,
    Rikard

    September 25, 2022 at 9:49 am #1366244
    Sovietovic

    Thanks Rikard,
    For now I’m good with CSS. I’ve tried exact steps from Ismaels but it did not work for me so I won’t spend more time on it.
    You can close this ticket.

    September 25, 2022 at 11:15 am #1366249
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Unable to change separator/whitespace size to thiner’ is closed to new replies.