Solved

Taste Theme: Reduce size of 'Image with Text' element to align with page text

liambeauchamp
Excursionist
25 2 5

Hello!

 

I am currently in the process of building an ecommerce site using the Taste Theme, and on the 'About Us' page, I want to reduce the size of the 'Image with Text' element so that it is aligned with the text above it. Please see a screenshot attached. Please can someone advise if there is some code I need to add to enable this? 

 

Thanks,

Liam

 

Screenshot 2024-04-07 at 17.40.20 (2).png

Accepted Solution (1)
Sonya_2025
Shopify Partner
147 18 29

This is an accepted solution.

Please try the following steps:

Step one: Login into the shopify admin

Step two: Open theme editor

Step three: Choose the template pages --> default page

Step four: Choose the image with text section

Step Five: Copy the css code to your custom css inputbox

.gradient {
  max-width: 82.6rem;
  margin: 0 auto;
}

 

Sonya_2025_0-1712628802614.png

 

Hope this helps!

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
PAY ME

View solution in original post

Replies 5 (5)

Sonya_2025
Shopify Partner
147 18 29

Hi, Can you  share your store url?

 

You need add some customization css code to the image with text section.

Using css code similar with  .page-width--narrow

 

Sonya_2025_0-1712544816051.png

 

If you find this information useful, a Like would be greatly appreciated. 

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
PAY ME
liambeauchamp
Excursionist
25 2 5

Thanks for the response! It is batchedcookies.co.uk and if password protected, the password to access is ohsowl 

 

 

Sonya_2025
Shopify Partner
147 18 29

This is an accepted solution.

Please try the following steps:

Step one: Login into the shopify admin

Step two: Open theme editor

Step three: Choose the template pages --> default page

Step four: Choose the image with text section

Step Five: Copy the css code to your custom css inputbox

.gradient {
  max-width: 82.6rem;
  margin: 0 auto;
}

 

Sonya_2025_0-1712628802614.png

 

Hope this helps!

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
PAY ME
liambeauchamp
Excursionist
25 2 5

Thank you! That worked perfectly! 😁

liambeauchamp
Excursionist
25 2 5

@Sonya_2025 - Do you know if there is any way to move the text box to the top of section so that it aligns with the top of the image?