Trying to make image banner smaller on Homepage

[AuthorAngel]

Hi Everyone, I'm pulling my hair out and would love any advice someone can offer. The image banner (the stick man image) on my homepage is currently a little too large. I'd like to make the overall banner a little smaller with more black space around the sides.  Resizing the image doesnt help as it sticks to the banner specification. Can anyone help? 

Page is :- the-yellow-d-ck-road.myshopify.com

Password is help

Thanks so much

[Moeed · Accepted solution]

Hey @AuthorAngel 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__media.media img {
    padding: 100px !important;
}
.banner__media {
    background: black !important;
}
}
</style>

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

Best Regards,
Moeed

[AuthorAngel]

Thank you very much That's worked

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[sagu_ceramics]

Hi! 

Thank you for the reply I was having the same problem.

One more thing,

since the given code says the background is black(background: black !important😉 how do I change it to the color I want? I put hex code but it didn't work. 

How can I fix this, please?