Return to previous page

Change button colours - by shweta - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

  • Avatar: shweta
    shweta
    Participant
    May 27, 2020 at 17:46

    My theme is Royal

    Hi I want to change the colour of all the buttons in my website. They are currently a very dark and dull grey, even the page numbers are that way in shop page.
    I want to make them the green colour in my theme.

    Also, the global custom css in royal options are not working, I am not able to add any custom css.

    Please help

    Please, contact administrator
    for this information.
    #239008 Copied Theme version: 5
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    May 28, 2020 at 14:33

    Hello,

    We have added below code to your custom CSS to change the color of the dark buttons and it works fine

    .product-information .single_add_to_cart_button, button, .button, input[type=button], input[type=submit], 
.wishlist_table .add_to_cart.button, .btn-black, .btn.btn-black,
 .subscription-toggle, .btn.filled, .pagination-cubic li span.page-numbers.current{
    background: green;
    color:#fff;
}
.pagination-cubic li a:hover {
    background: #3f9912;
}

    Regards

    #239134 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce 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.