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

Solved
luis-zadel
Excursionist
23 0 2

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
72 34 30

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 3 (3)
codewiser
Shopify Partner
72 34 30

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.
SAN_MSWEB
Shopify Expert
847 106 108

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
23 0 2

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

 

Gave you a like though.

 

Best regards.