Slideshow is creating huge space in between

Hi @shabik

I looks like your theme has an empty element there with a margin. #pg-900-1. Also, the element before it in which the slideshow is contained has a margin also that is adding more space. I think it would be better to move these than override the caption styles.

Thanks for the reply. If you see the images without any captions it looks quite nice actually. So it does not seem to have with my template. Also, it looks like the p900 is also inside the text somehow as well so if I hide that then it hide also the text and stuff.

Hi @shabik

Easier if you look in the dev tools and see exactly what is happening.

https://prntscr.com/n1e6vo

I have tried this morning and then afternoon with this link without any luck. I tried to figure this out with no avail.

Hi @shabik,

To remove the margins causing the extra space below the slideshow, you have to edit styles specific to your theme.

#pg-900-1 {
  display: none;
}
#pg-900-0 {
  margin-bottom: 0 !important;
}

However, since the id’s of those elements might exist on other page this might not work for you. In that case you will have to ask the theme developer the best way to remove margins on empty containers. Let me know if that helps.

Hi. Unfortunately this did nothing :(. I will try to write the theme developer but it is only on the metaslider slideshows where there are like 4 different captions created where only 1 of them actually has text in it where the 3 other ones are empty.

Hi @shabik,

Where did you add the styles I sent you, because I do not see them on the page above.

Hi @shabik

I’m going to mark this as resolved as we didn’t hear back, but please feel free to comment or open a new issue if needed, thanks!