Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to adjust landing page sizes for a cleaner look?

How to adjust landing page sizes for a cleaner look?

LynnieHHHY
Excursionist
32 0 4

My landing page looks big and clunky.  How do I change the size of the images and make the text box wider?

 

LynnieHHHY_0-1686866894661.png

 

Replies 4 (4)

Zqdo
Shopify Partner
803 32 64

I'd be glad to help. Could you please share the link to your website? Thanks.

banned
LynnieHHHY
Excursionist
32 0 4

My website is www.healthierhome.com.au

AliReviews
Shopify Partner
773 90 358

Hello @LynnieHHHY ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Sections -> featured-collection.liquid file

To change the size of the images, you can modify the CSS class associated with the image container (featured-collection__image). Add or update the following CSS styles to adjust the size:

.featured-collection__image {
  max-width: 500px; /* Adjust the maximum width as desired */
  margin: 0 auto; /* Center the image horizontally, if needed */
}

To make the text box wider, you can modify the CSS class associated with the content container (featured-collection__content). Add or update the following CSS styles to adjust the width:

.featured-collection__content {
  max-width: 800px; /* Adjust the maximum width as desired */
  margin: 0 auto; /* Center the content horizontally, if needed */
}

Save and preview 

 

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
LynnieHHHY
Excursionist
32 0 4

I don't know where to copy the code. I tried to paste it at the end but it did nothing.