Round corners

halled

Hello,

So I have this website glorys.pt, and I want all the products and all the search bars to be round, but I cannot find the option to do so, or even get the custom classes to work.

Also this is the front page inline for the products:

[products limit="8" columns="4" orderby="popularity" ]

Can you help please?

Thanks

Phil

Hi,

As you are using a shortcode on the front page, you must use a custom CSS to add border-radius to your product images.

.woocommerce .products .product .image_frame{
 border-radius: 24px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Regarding search bars, do you mean the one in the header?

Best regards

PS. Please do not create duplicate comments on the forum. If you already created a new topic there is no need of commenting another one

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halled

Hello, it worked. Thanks.

These bars yes.

Phil

You can set it up in the style tab of the Search Field element.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halled

Cant find Styles here

Phil

Oh, you mean live search in the page content.

Use this CSS code:

.column_livesearch .mfn-live-search-wrapper{
 border-radius: 50px!important;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halled

Worked just fine. Thanks!