Issue with Custom liquid field

Store Design
, ,
1

we have used a custom liquid to create below field in home page,

jahin2_0-1734629535106.png
jahin2_0-1734629535106.png649×464 35.2 KB

texts are aligned left side. recently i have updated the images to new ones. after that the text alignment on 2nd image is off on full screen desktop view. See below,

jahin2_1-1734629667279.png
jahin2_1-1734629667279.png815×514 40.3 KB

Can some one please help me correct this issue.

below is the code used in CSS liquid,






  • Choose your favourite photo


    Upload a favourite photo with your order ( we accept 98% of all photos!) Our team will always reach out if your photo isn’t right.






  • Customize & make it your own


    Add your name, choose a background color, customize the style, and select a frame & size.






  • Sit tight!


    Once you submit your order, our artists get to work on digitally-illustrating your portrait, expect to recive your custom portrait within 1-2 weeks.





store URL is: https://qcnphvtdabbetgfd-90656506170.shopifypreview.com

2

Hello @jahin2 ,

If you keep equal text in all paragraphs then it will fixed automatically.

Try to add few more words here

Add your name, choose a background color, customize the style, and select a frame & size.

and it will fixed.

Regards
Guleria

3

Hi @jahin2

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.image-with-text__content .custom-liquid-banner li {
    justify-content: unset;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

Thanks for the help @Made4uo-Ribe

5

Thankyou @Guleria