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!
Topic summary
Goal: round the corners of a text box over an image on a Shopify store.
- The requester shared store access (calc-companion.com, password: 178648) so helpers could inspect.
- Proposed fix: add custom CSS in theme.liquid (Shopify theme template) by inserting code above the tag. The exact CSS code is not visible in the transcript, but the requester confirmed it worked for rounding the text box.
Follow-ups and outcomes:
- Apply the same rounding to the image itself: helper suggested another CSS addition in theme.liquid; the requester confirmed it worked (“Perfect”).
- Center the collection list on the homepage: helper provided CSS instructions (again, added above in theme.liquid). The requester has not yet confirmed if this final change solved the issue.
Notes:
- Screenshots were shared to illustrate the text overlay and collection layout; they are central for context.
- The actual CSS snippets are omitted in the provided transcript, so exact code is unknown.
Status: Original and image-rounding issues resolved; collection centering solution provided, confirmation pending.
2 Likes
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.
Hi @AdamsDev ,
Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
password: 178648
1 Like
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 tag:
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 
Works great, how can I do the same with the image?
1 Like
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 tag:
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
Perfect, thanks!
One more thing, on the website home page I have the following collection list:
How can I make the collections centred? thanks!
1 Like
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 tag:
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