Shopify themes, liquid, logos, and UX
Hello, I am using a Shrine Theme on my Shopify store, and for some reason, the "Image with text" section isn't working correctly. Is anyone able to fix this?
Solved! Go to the solution
This is an accepted solution.
@robertbarta PLease add the below line of CSS code at the end of your theme.liquid file. Just copy and paste this code just above the </body> tag.
<style>
.image-with-text__grid{
align-items: stretch;
}
</style>
Result:
This is an accepted solution.
Hi,
Using fixed values should be avoided. Otherwise, it may cause inconsistency in size when the screen size changes.
The following code will do what you want. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
.section-template--16601856376987__image_with_text_RhiNBH-padding > .image-with-text__grid--reverse {
align-items: unset !important;
}
</style>
Terence
@robertbarta Hope you are doing well.
could you please share your store URL?
This is an accepted solution.
@robertbarta PLease add the below line of CSS code at the end of your theme.liquid file. Just copy and paste this code just above the </body> tag.
<style>
.image-with-text__grid{
align-items: stretch;
}
</style>
Result:
Hello @robertbarta
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
.image-with-text__text-item {
height: 645px;
}
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
i don't have that file for some reason
This is an accepted solution.
Hi,
Using fixed values should be avoided. Otherwise, it may cause inconsistency in size when the screen size changes.
The following code will do what you want. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
.section-template--16601856376987__image_with_text_RhiNBH-padding > .image-with-text__grid--reverse {
align-items: unset !important;
}
</style>
Terence
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024