Solved

Align text to top in image with text section for about us page

luis-zadel
Excursionist
24 0 3

Hi, we are using Effotless theme and want to align the text in an Image with text section to the top, to match the top of the image. Here is the screen cature of the page, it has too much empty space above the text.

 

luiszadel_0-1695070178878.png

 

You can visit the page here: https://mmpluss.com/pages/who-we-are

 

 

  

Accepted Solution (1)

codewiser
Shopify Partner
76 34 32

This is an accepted solution.

 

Hello @luis-zadel 

 

Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save

 

.template--about [data-section-type="image-with-text-section"] .columns {
    align-items: flex-start;
}

.template--about [data-section-type="image-with-text-section"] .columns .image-with-text__content {
    padding-top: 40px;
}

 

If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.

View solution in original post

Replies 5 (5)

codewiser
Shopify Partner
76 34 32

This is an accepted solution.

 

Hello @luis-zadel 

 

Step 1: Go to Online Store -> Theme -> Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save

 

.template--about [data-section-type="image-with-text-section"] .columns {
    align-items: flex-start;
}

.template--about [data-section-type="image-with-text-section"] .columns .image-with-text__content {
    padding-top: 40px;
}

 

If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.
jimalbers
Tourist
4 0 2

Unfortunately this doesn't seem to work for the Craft theme. Is there any other solution possible?

codewiser
Shopify Partner
76 34 32

Hey @jimalbers 
Can you please share your store URL?
so i can help with that.
Thanks!

If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.

SAN_MSWEB
Shopify Expert
1143 137 143

Hi @luis-zadel 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.template--page #shopify-section-template--16160311017645__6a25e672-077c-4b68-983b-ea277da491d0 .columns.is-vcentered {align-items: start !important;}

.template--page #shopify-section-template--16160311017645__6a25e672-077c-4b68-983b-ea277da491d0 .image-with-text__content {padding-top: 0 !important;}

 

 

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

luis-zadel
Excursionist
24 0 3

Thanks for the response, worked well but accepted the previous solution.

 

Gave you a like though.

 

Best regards.