How to adjust landing page sizes for a cleaner look?

[LynnieHHHY]

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

[Zqdo]

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

[LynnieHHHY]

My website is www.healthierhome.com.au

[AliReviews]

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.

[LynnieHHHY]

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