Wanting to change my store look on home page around the image and text the same as the purple image how it lines up with the image and also has smooth bubble effect around it rather then mine going out to the edge shop is aventacy.com
Topic summary
A Shopify store owner wants to modify their homepage layout to match a reference design featuring:
Desired changes:
- Align image and text similar to a purple reference image
- Add smooth, rounded bubble effects around content sections
Current issue:
- The existing store (thevedge.aventacy.com) lacks these styling elements
Proposed solution:
A helper provided CSS code to add to the base.css file, which includes:
- Background color styling for image-with-text sections
- Border radius properties for rounded corners
- Overflow handling
Status: The original poster appears receptive to the solution but seeks clarification on implementation. The discussion remains open as the CSS snippet appears incomplete in the thread.
@webwondersco i guess it looks the same really how do i do that?
Please add the below line of CSS code at the end of your base.css file
.image-with-text__grid{
border-radius:50px;
overflow: hidden;
}
.image-with-text__content {
background-color: #ddd !important;
}
1 Like