How to make the slideshow image bigger?

[Matt789]

How to I make the slideshow image bigger? I want for it to cover the whole (or almost) screen on desktop and mobile. Thanks.

My store - https://nebulalights-17.myshopify.com/

[Moeed · Accepted solution]

Hey @Matt789 

Place this code in your theme.liquid file before </body>

<style>
.hero__inner.media-content {
    height: 700px;
}
</style>

If this helps you, don't forget to Mark it as Solution! 

[Moeed · Accepted solution]

Hey @Matt789 

Place this code in your theme.liquid file before </body>

<style>
.hero__inner.media-content {
    height: 700px;
}
</style>

If this helps you, don't forget to Mark it as Solution! 

[Matt789]

And how do I make it so that the text and the button on the slideshow are both a bit lower on the screen?

[Moeed · Accepted solution]

Place this code above </style> in theme.liquid

.hero__text-wrapper {
    margin-top: 200px;
}

[PageFly-Kate]

@Matt789 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

.hero-section .hero--small {
    height: 100vh !important;
}
.hero-section .hero__inner.media-content {
    height: auto !important;
}

I hope it would help you
Best regards,

Kate | PageFly