Multirow Column text position

[srtasw]

Can someone help me with positioning the text close to the images in multirow column. FYI I'm using Dawn Theme.

[ZestardTech]

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?

[srtasw]

@ZestardTech , Hello

https://www.fifthrebel.com/

[srtasw]

Can you also help me with setting up the currency symbol instead of Rs. that is being shown for my products.

[ZestardTech · Accepted solution]

Hello @srtasw ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.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!

[DaisyVo]

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.

[GTLOfficial]

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

[LizHoang]

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.

[topnewyork]

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!

[srtasw]

Thankyou Everyone.

You guys are awesome.

@ZestardTech @topnewyork @LizHoang @GTLOfficial @DaisyVo