Slider hidden space

  • Resolved anaselamine

    (@anaselamine)


    2 years, 8 months ago

    Hello!
    I am facing an issue with how the slider is showing on the page linked with this topic. The slider in question is the donation slider in the “Our Duty” section, the problem with it is that right after the “Donation Form” title, it’s showing an empty space before starting with the form.
    The slider items are taken from a different donation organizer plugin, and the shotrcode made in said plugin is put in the slider form to display each item as it is.
    When we check the slider preview on the plugin’s page on the dashboard, everything looks find and the spacing is not there, however, when we open the page on a couple browsers the spacing is there.
    We tried the inspect browser tool, and it shows that this space is filled with HTML tags with the hidden property that are all wrapped with a <p> tag, and the problem with it is that the <p> tag doesn’t have an ID or a class name for us to use a CSS editor plugin to call it and write “display: none;” for it not to show.
    Any idea how we can remove this space? Is there a way for us maybe to give this <p> tag a class name or ID so we’d be able to manipulate it? is that an issue for the slider plugin or the other donation form plugin?

    Thank you for your help in advance!

    • This topic was modified 2 years, 8 months ago by anaselamine.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author simonpedge

    (@simonpedge)

    2 years, 8 months ago

    You can reduce some margins on your elements by adding the following CSS code:

    #sample_slider .owl-item .sa_hover_container .give-form-wrap h4,
#sample_slider .owl-item .sa_hover_container .give-form-wrap form {
   margin:0px !important;
}

    You can do this under “Appearance” -> “Customize”” -> “Additional CSS”.

    Plugin Author simonpedge

    (@simonpedge)

    2 years, 6 months ago

    No feedback, so I’m assuming this CSS code solved your problem. Am marking topic as resolved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slider hidden space’ is closed to new replies.