Re: Multicolumn Image Maximize and Text Width

Multicolumn Image Maximize and Text Width

Chaychay341235
Tourist
27 0 1

Hello Everyone, i want to maximize the image into the corner, or remove the spacing, and then put the button at the middle with aligned to each other. Thank you!

 

screenbud-11cdcbe0-9cf7-4056-abae-c0ae11da4004.png

 

Replies 13 (13)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @Chaychay341235 

Please drop your store URL here so I can provide the code to do that

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

https://46532b-2.myshopify.com/

 

this one, and i also want to remove the arrow at the button. Thank you!

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Add this code 

<style>
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card-spacing {
padding-top: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info {
text-align: center;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info h3.inline-richtext,
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info .rte {
text-align: left;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info a.link .icon-wrap {
display: none;
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

it doesnt work, and the button is not alligned with the other button

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Please add this code to your theme.liquid file under <head> element. 

If you add to base.css file, please use this code 

#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card-spacing {
padding-top: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info {
text-align: center;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info h3.inline-richtext,
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info .rte {
text-align: left;
}
#shopify-section-template--21767037354277__e302c826-2a4e-4c83-a970-3d6323e318c2 .multicolumn-card__info a.link .icon-wrap {
display: none;
}

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

still not working

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Could you show me where did you add the code? Is this section do you want to change? 

https://46532b-2.myshopify.com/pages/our-work

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

i put it under the head in theme.liquid. Yes that section

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

I cannot see the code. Did you click Save button? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

i remove it because it didnt work.

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Can I send a collaborator request access to your store so I can help you add the code and make it works?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Chaychay341235
Tourist
27 0 1

yes sure, and please contact me on my email. I need a few more works. tmasuncion.social@gmail.com

Chaychay341235
Tourist
27 0 1

how can i make the 2 button at left and right aligned in the button at the middle?

screenbud-cd2a2bff-57a0-490b-ba7c-43f56c95026c.png