ow do i change the borders to non-rounded and extend the width of featured faces carousel?

[withaudette]

How do i change the borders to non-rounded and extend the width of this content? There's white spaces on left and right side. 

Website: www.audette.store (code: test)

Thank you

[Junaid-Ahmed]

Hi @withaudette,

Add this CSS code to achieve both. Customize your theme, edit that section, at the bottom you'll see Custom CSS, add this code to that field. Change the `0px` to adjust the borders. 0 = no borders.

.page-width {
    padding: 0 !important;
    max-width: 100% !important;
}

.faces-carousal-wr .swiper-slide,
.faces-carousal-wr .swiper-slide img {
    border-radius: 0px !important;
}

This is how it should look:

[withaudette]

Hi the page width doesn't work, it says invalid css

[Junaid-Ahmed]

Can you check without the page-width? Will that work? Also show me where you're putting the CSS. Thanks

[withaudette]

Tried both method, it still doesn't work, please see image below for reference:

[Junaid-Ahmed]

I see the border radius is working fine on the store. I guess that's working. If you could hover over the .page-width that has the red underline, I think it'll show you a detail about the error.

Anyway, if the CSS doesn't work, you'll have to edit the theme files then.

1. Go to Online Store > Edit the theme you want to update.

2. Search for "faces" or "featured-faces", open the relevant .liquid file.

3. Inside the the file, look for class="page-width" and remove that.

I hop this helps.