Shrink Height of "Image With Text Overlay" Section

Solved

Shrink Height of "Image With Text Overlay" Section

Explore-Sherpa
Excursionist
28 0 8

I want to shrink down this section so that someone visiting our site can see our best sellers without having to scroll down on both desktop and mobile. Store link: https://www.exploresherpa.com/

I am using an Influence theme. Any custom code would be greatly appreciated.

Screenshot 2024-06-20 095750.png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @Explore-Sherpa 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

[data-aid="image-with-text-overlay"] {

    height: 170px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @Explore-Sherpa 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

[data-aid="image-with-text-overlay"] {

    height: 170px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Henry
Shopify Partner
1184 335 283

PageFlyHenry_0-1718896149739.png

Also, I noticed there are quite large gaps between those sections, you can use this code to reduce those gaps:

section.shop-category-section {
margin: 0 !important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Explore-Sherpa
Excursionist
28 0 8

Thank you for the additional help with this gap. However, your code makes it to where there is no gap and it looks off. Is there a way to adjust the size of the gap to be much smaller?