Soft corners - banners and product images

[Markitosline]

Hi there!

I'm trying to achieve a more sleek look for my homepage and product pages by adding a round effect for image holders, such as banners & grids aswell as product-collection images.

The theme I'm using is empire V7

I've researched a few posts in the community but I don't think any of the solutions were effective for this specific theme.

if you need to see the web, let me know and i will pm you the web as it's a draft

Thanks in advance

[WoodyDev]

Hi and welcome!

Please provide a link to the page in question and let me know the banners/images you would like to have rounded corners 🙂

[Markitosline]

Just PMd you 😉

Thanks in advance

[WoodyDev · Accepted solution]

Promo containers:

.promo-block--template--15359503433926__dynamic_promo_grid-2--promotion-2 {
    border-radius: 30px !important;
}

.promo-block--template--15359503433926__dynamic_promo_grid-2--promotion-1 {
    border-radius: 30px !important;
}

Featured Collection:

.productitem {
    border-radius: 30px !important;
}

Featured Product border removal:

.featured-product--container .featured-product--inner {
    border: none !important;
    box-shadow: none !important;
}

Add all of these to the bottom of your theme.css file 🙂

If you could take a moment to read my signature below I would highly appreciate it ❤️

[Puy]

Hello! Need help also, all worked! Except the product border removal.

.featured-product--container .featured-product--inner {
    border: none !important;
    box-shadow: none !important;
}

I also need help in regards to the search bar? Is there a way to make it rounded corners also? Plus if we can edit the size? As now it's too long. Thank you!