Return to previous page

How to change the checkout button design of the modal that pops up

This topic has 9 replies, 2 voices, and was last updated 2 years ago ago by mtoo

mtoo

Participant

November 7, 2022 at 17:33

I changed the style button color, but it is not reflected.
Where can I change the design?
https://share.getcloudapp.com/v1uQXLlx

#338089 Copied Theme version: 8.3.6

8 Answers

Tony Rodriguez

Support staff

November 8, 2022 at 05:43

Hello, @mtoo,

Sorry for the inconvenience but In order to solve your issue Simply go to XStore >> Theme Settings >> Styling/Colors >> DARK BUTTONS >> and choose/select Dark Buttons Background color as you want. Save Settings and Check back to your site after clearing the browser cache. See the image for a better reference: https://ibb.co/56zfcVy

Regards 8Themes Team.

#338098 Copied

mtoo

Participant

November 8, 2022 at 08:12

Hi,

Probably, I thought it was that setting, so I set the color as follows, but it turns black when hovering.
https://share.getcloudapp.com/4gueodYm

#338114 Copied

Tony Rodriguez

Support staff

November 8, 2022 at 09:13

Hello, @mtoo,

Sorry for the inconvenience but It seems to be the cache issue at your end nothing else. Please try to clear the cache of the cache plugin and browser and server cache as well, then check back to your site.

And if the issue will still persists then please provide me login access to your site in the below-listed format in the private content area of this topic. so that I will check and assist you accordingly.

WP Admin URL:
WP Admin Username:
WP Admin Password:

Note: Please take the complete backup of your site first.

Regards 8Themes Team.

#338118 Copied

mtoo

Participant

November 8, 2022 at 09:44

Saved the backup.
please investigate

Please contact administrator
for this information.

#338121 Copied

Tony Rodriguez

Support staff

November 8, 2022 at 10:36

Hello, @mtoo,

Actually, there is a CSS code added in the theme options that is causing the issue I just committed the code and now your issue is resolved. Here is the image of that CSS code: https://i.is.cc/2f59CFTC.png and here is the resulting image: https://i.is.cc/2f5mkK8d.png please check back to your site after clearing the browser cache.

Regards 8Themes Team.

#338126 Copied

mtoo

Participant

November 8, 2022 at 12:02

Thank you for the fix. However, it seems that the hover design of the following buttons is not reflected.

https://share.getcloudapp.com/yAuQdGjA

Thank you for the fix. However, it seems that the hover design of the following buttons is not reflected.
Could you please fix this too?

#338141 Copied

Tony Rodriguez

Support staff

November 9, 2022 at 06:16

Hello, @mtoo,

When I check the issue as you described. I found nothing, it already working fine. I have recorded a video for you here is the video link: https://streamable.com/o26z7l you can see there is nothing wrong with these buttons too. Please check back to your site after clearing the browser cache.

Regards 8Themes Team.

#338177 Copied

mtoo

Participant

November 9, 2022 at 08:42

When I checked it now, it was reflected normally.
Thank you for your support!

#338186 Copied
Tagged: button, checkout, design, modal, templates, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘How to change the checkout button design of the modal that pops up’' has been successfully resolved, and the topic is now closed for further responses

How to change the checkout button design of the modal that pops up

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection