How To Minimize Spacing Between Sections And Minimize Space Homepage Image Takes Up

The first slideshow image sizes are very big, takes up more than just the screen, I want to be able to see the next section in the same page without scrolling as the first impression. I’ve tried different codes and doesn’t work. my theme is reformation and not even the company that made the theme is willing to help me. I appreciate any help!

here is a screenshot of what people will see when they come to my site. I would love if the photo was about half of that size. they can’t even see the wording on the bottom. also would love a code to edit the spacing between the heading and button on this image.

https://15bae4.myshopify.com/?_ab=0&_fd=0&_sc=1

aJKlme34

Hi @daniellamendi .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.banner--large:not(.banner--adapt) {
    min-height: 51rem;
}

.banner__content.banner__content--bottom-center {
    height: 400px;
}

Like this.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Hi, thanks for your help. although there’s not a base.css file on my theme which is reformation. It doesn’t work.

Search in style.css, theme.css.

And paste the code in bottom.

It’s not there. Do you think it’s because it’s on the reformation theme that I paid for? there’s no style css or theme css

Hi @daniellamendi .

Can you share your store access?

How do I do that