My slideshow banner currently is taking up the whole screen as shown below:
How can I decrease its height, keeping the text box relative distance from the slide selection bar, so that when someone opens the website they can see more of the content below.
Please do not offer me this code:
This simply decreases the height of the image, not the section.
Any help would be greatly appreciated, thank you
This is Amelia from PageFly - Landing Page Builder App
You are using the Slideshow section of Dawn theme, this section has one setting is Slide height. You can change the height from some options that support like: Adapt to fit image, Small, Medium and Large.
I checked your page and I saw that you are using the Medium size for your slideshow.
If you want to add the custom css to change the height by your self you can use this css to add to this section
@media screen and (min-width: 750px) {
.banner--medium:not(.banner--adapt) {
height: 40rem !important;
}
}
Hope that my solution works for you.
Best regards,
Amelia | PageFly
Hello,
It is not doing anything. Do you know why this is?
Thank you