Image with text - make text box have round corners.

[AdamsDev]

Hi all, I have added the element below.

I am looking for custom CSS which can make the edges of the text box round. Can anyone help me with this? Thanks!

[dws_pvt_ltd]

Hello @AdamsDev, Please share your store URL and password.So that I will check and let you know the exact solution here.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[AdamsDev]

calc-companion.com

password: 178648

[BSSCommerce-HDL · Accepted solution]

Hi @AdamsDev, You can try: 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content {
    border-radius: 20px;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[AdamsDev]

Works great, how can I do the same with the image?

[BSSCommerce-HDL]

Hi @AdamsDev, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.image-with-text__media.image-with-text__media--small {
    border-radius: 20px !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[AdamsDev]

Perfect, thanks!

One more thing, on the website home page I have the following collection list:

How can I make the collections centred? thanks!

[BSSCommerce-HDL]

Hi @AdamsDev, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.collection-list {
    justify-content: center;
    display: flex !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[BSSCommerce-HDL]

Hi @AdamsDev, 
Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[AdamsDev]

Sure.

calc-companion.com

password: 178648

[Sangeetanahar]

Hello @AdamsDev 

Can you please send me the Website URL.

Thanks

[AdamsDev]

Here

calc-companion.com

password: 178648