Shopify themes, liquid, logos, and UX
Can someone help me with positioning the text close to the images in multirow column. FYI I'm using Dawn Theme.
Solved! Go to the solution
This is an accepted solution.
Hello @srtasw ,
Here are the steps to apply the necessary changes in your Shopify store:
.multicolumn-card.content-container {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
justify-content: center;
}
.media.media--transparent.media--circle {
display: flex;
align-items: center;
justify-content: center;
}
.background-none .multicolumn-card__image-wrapper+.multicolumn-card__info {
padding-top: 0 !important;
}
slider-component.slider-mobile-gutter {
margin-bottom: 5rem;
}
Note : Change the spacing values as per your requirements.
Let me know if you need further assistance!
Hello @srtasw ,
Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?
Can you also help me with setting up the currency symbol instead of Rs. that is being shown for my products.
This is an accepted solution.
Hello @srtasw ,
Here are the steps to apply the necessary changes in your Shopify store:
.multicolumn-card.content-container {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
justify-content: center;
}
.media.media--transparent.media--circle {
display: flex;
align-items: center;
justify-content: center;
}
.background-none .multicolumn-card__image-wrapper+.multicolumn-card__info {
padding-top: 0 !important;
}
slider-component.slider-mobile-gutter {
margin-bottom: 5rem;
}
Note : Change the spacing values as per your requirements.
Let me know if you need further assistance!
Hi @srtasw
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
.multicolumn-card__info {
padding-top: 0 !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Hello @srtasw
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-multicolumn.css
add this code at the end of the file and save.
.background-none .multicolumn-card__image-wrapper + .multicolumn-card__info {
padding-top: 0rem !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @srtasw
I hope this feedback will be helpful to you.
Please follow the following instructions:
1. Go to Shopify > Theme > Customize: https://prnt.sc/Lc3MCyXpW8zw
2. Copy and paste this code on Theme settings > Custom CSS section: https://prnt.sc/pmYP1ElPwdh7
.multicolumn-card__info {
padding-top: unset !important;
padding-bottom: 2.5rem;
}
Here is the result.
Best,
Liz - Avada Support Team.
Hello, @srtasw
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the botto
.background-none .multicolumn-card__image-wrapper+.multicolumn-card__info {
padding-top: 0rem !important;
}
Thanks!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025