Solved

Hero Image on Home Page is HUGE - Refresh Theme

JeanneM13
Explorer
70 2 4

I have been searching for a solution for DAYS. Several people here have given me directions but I cannot find the place to fix this. This is what I'm seeing in the Refresh theme. There is nothing there about changing image size.

 

Slide

 
Image
 
Upload images
Edit
JeanneM13_0-1705264825993.png

 

Home_page_image_for_cosmic_serenity_shop
PNG
 
Change
 
Heading
 
    •  
    •  
    •  
    •  
Looking for Inner Peace?

 

Heading size
  • Small
  • Medium
  • Large
Subheading
 
    •  
    •  
    •  
    •  
 

 

Button label
 
 

Leave the label blank to hide the button.

Button link
 
 
 
 

 

Use outline button style
Desktop content position
Top leftTop centerTop rightMiddle leftMiddle centerMiddle rightBottom leftBottom centerBottom right
Bottom right
 

Position is automatically optimized for mobile.

Show container on desktop
Desktop content alignment
  • Left
  • Center
  • Right
Image overlay opacity
 
%
 
Color scheme
 
 
 
 
 
Scheme 4Edit
Change
 

To edit all your theme's colors, go to your color theme settings.

Mobile layout

Mobile content alignment
  • Left
  • Center
  • Right

 

 

 

Click to expand...

Can you help me, please?

Thanks,

 

Jeanne

CosmicSerenityShop.com

Click to expand...
 

 

Jeanne Melanson
Cosmic Serenity Shop
Accepted Solution (1)

Liqiud_xPert_SJ
Shopify Partner
418 45 63

This is an accepted solution.

@JeanneM13 

 

can you just put below code into your base.css file

 

slideshow-component .slideshow.banner {
min-height: 40rem;
}

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 4 (4)

Liqiud_xPert_SJ
Shopify Partner
418 45 63

This is an accepted solution.

@JeanneM13 

 

can you just put below code into your base.css file

 

slideshow-component .slideshow.banner {
min-height: 40rem;
}

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
JeanneM13
Explorer
70 2 4

BINGO!  Thank you!

 

Now, could you possible tell me how to fix this other thing too?

 

How can I get the home page to scroll down to the Collections section when you click on the Shop All Product Here button. It just sits there. 

 

CosmicSerenityShop.com

 

I thank you, so much!

 

Jeanne

Jeanne Melanson
Cosmic Serenity Shop
Liqiud_xPert_SJ
Shopify Partner
418 45 63

@JeanneM13 

you just  need to assign an anchor tag to that section and in the shop all link refer to that specific section id thats it.

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
JeanneM13
Explorer
70 2 4

How do I assign an anchor tag to that section? It's already linked to Collections but it just doesn't 'go there'. You have to manually scroll down to see it.

Jeanne Melanson
Cosmic Serenity Shop