Return to previous page

Border color modify - by Sam - on WordPress WooCommerce support

This topic has 3 replies, 3 voices, and was last updated 1 years, 5 months ago ago by Andrew Mitchell

Sam

Participant

June 27, 2024 at 08:06

Hello team!

At the top button on hover the frame appears in red

I want the border silver and also have curved corners like the bottom button

please see the attachment for more clarification.

Regards

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#401967 Copied Theme version: 9.3.13

2 Answers
Tony Rodriguez

Support staff

June 27, 2024 at 09:41
Hello, @Sam

We are reaching out to provide you with detailed instructions on how to enhance the appearance of the “Login to Price” button on your single product page by adding a border-radius and changing the border color upon hover.

Please follow the steps below to implement these changes:

1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS in your admin panel.
2. Copy and paste the following CSS code into the Global CSS section:

.elementor-element-6300d1ca .price a { border-radius: 4px !important; } .elementor-element-6300d1ca .price a:hover { border-color: #d1d1d1 !important; border-radius: 4px !important; }

This modification will round the corners of the button and change the border color to a light grey when hovered over. You can preview the expected result by visiting this link: [https://imgur.com/a/JVWaNJ4].

Should you require any further assistance or have additional questions, please do not hesitate to contact us. We are here to help.

Best Regards,
The 8Theme Team
#402001 Copied
Andrew Mitchell

Support staff

June 27, 2024 at 14:35

Dear Sam,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#402080 Copied
Tagged: change woocommerce template borders, customize woocommerce border color, enhance woocommerce border appearance, improve woocommerce border styles, modify border color woocommerce, wordpress border color adjustments, wordpress woocommerce border changes
Viewing 3 results - 1 through 3 (of 3 total)