Return to previous page

How to change the corner radius of certain elements

This topic has 5 replies, 2 voices, and was last updated 1 hours, 27 minutes ago ago by Nitin Sharma

Nitin Sharma

Participant

March 6, 2025 at 07:05

Can you help me get a custom CSS code that only targets these label and changes the border radius to 30px from all sides.

I would like to get the same done to the OK button next to the coupon code section on the cart page

and a css that can change the corner radius of the background of CART TOTAL

Please help me with these.

Kindly. address all the queries in one go because response time is too long (which I understand) and I cannot wait for another response.

Thank you so very much.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#436352 Copied Theme version: 9.4.8

4 Answers
Rose Tyler

Support staff

March 6, 2025 at 10:48
Hello, Nitin Sharma,

Thank you for reaching out to us. We appreciate your patience and are happy to assist you with your request.

Please find below the custom CSS code to achieve the desired changes:

.etheme-elementor-cart-checkout-page-wrapper .coupon .btn, .cart_totals .widget-title { border-radius: 30px !important; }

Best Regards,
8Theme’s Team
#436389 Copied
Nitin Sharma

Participant

March 6, 2025 at 12:17

thanks, that was helpful.

there another one, I need it to vanish

this searchbar in the offscreen dropdown has a white square background. the search bar itself is ok but i don’t know that that white thing is called.
either it’s radius become 30px or it’s color can be changed to #000000D9

Files is visible for topic creator and
support staff only.

#436406 Copied

Rose Tyler

Support staff

March 6, 2025 at 13:14

Hello,

It appears that the box-shadow setting has been enabled in the Elementor plugin, which has caused the issue in question. Please refer to the following screenshots for reference: https://prnt.sc/pa89htFpguqo https://prnt.sc/fpJPEIAHWUij

Best regards,
8Theme’s Team

#436417 Copied

Nitin Sharma

Participant

March 6, 2025 at 14:05

can you provide a custom css that can remove it?
I do not want to touch the global settings.

Also, in mobile phone, the mobile bar at the bottom, does not show up on homepage.
it works fine on default pages like “my account” and “shop” pages, but other pages, like category, fabricipedia, affiliate program, it shows only “more” button at the bottom with some white translucent background.

Help me fix that also Please

screenshots are provided below..

Thank you.

Files is visible for topic creator and
support staff only.

#436427 Copied
Viewing 5 results - 1 through 5 (of 5 total)