How to increase height of an image banner on my home page? Origin Theme

Solved

How to increase height of an image banner on my home page? Origin Theme

LSAccounting
Trailblazer
205 1 31

https://f63e08-3.myshopify.com/

 

Hi, 

 

Since I have made my header transparent the height of the image banner is not ideal. 

 

How can I increase the Height so it covers more of the home screen? 

 

 

TIA

By L&S Team
Accepted Solution (1)

steve_michael2
Explorer
83 11 17

This is an accepted solution.

Hi @LSAccounting ,

I hope you are doing well, I've seen your website. Please follow the instructions below:

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css file

3. Paste the below code in the theme.css file

 

.banner__media.media.animate--ambient.scroll-trigger.animate--fade-in {
    height: 1000px;
}
Crafting exceptional online experiences with innovative design and technology.

View solution in original post

Replies 3 (3)

steve_michael2
Explorer
83 11 17

This is an accepted solution.

Hi @LSAccounting ,

I hope you are doing well, I've seen your website. Please follow the instructions below:

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css file

3. Paste the below code in the theme.css file

 

.banner__media.media.animate--ambient.scroll-trigger.animate--fade-in {
    height: 1000px;
}
Crafting exceptional online experiences with innovative design and technology.

ProtoMan44
Shopify Partner
610 54 92

@LSAccounting you can manage the slider height from the theme settings:

ProtoMan44_0-1724066882223.png

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
LSAccounting
Trailblazer
205 1 31

Unfortunately, this is not what I was looking for. I am aware of the size changes using the standard customisation tools.

By L&S Team