Trying to make image banner smaller on Homepage

Solved

Trying to make image banner smaller on Homepage

AuthorAngel
Shopify Partner
23 0 2

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

Accepted Solution (1)

Moeed
Shopify Partner
4304 1105 1354

This is an 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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4304 1105 1354

This is an 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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
AuthorAngel
Shopify Partner
23 0 2

Thank you very much That's worked

Moeed
Shopify Partner
4304 1105 1354

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
sagu_ceramics
Visitor
1 0 0

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?