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, 1 months ago ago by mtoo

  • Avatar: 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
    Avatar: Tony Rodriguez
    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
    Avatar: mtoo
    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
    Avatar: Tony Rodriguez
    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
    Avatar: mtoo
    mtoo
    Participant
    November 8, 2022 at 09:44

    Saved the backup.
    please investigate

    Please contact administrator
    for this information.
    #338121 Copied
    Avatar: Tony Rodriguez
    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
    Avatar: mtoo
    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
    Avatar: Tony Rodriguez
    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
    Avatar: mtoo
    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: , , , , , ,

  • 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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.