Return to previous page

Add to Cart Button Has Black Font for Variable Products

This topic has 13 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

  • Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 8, 2016 at 01:26

    I found on the forum this code and I was able to change the font to white for my single products but I still have a black font on a black button for my variation products.

    .single_add_to_cart_button.etheme-simple-product.button.alt {
    color: #ffffff !important;
    }

    How can I change the font to white on the Add to Cart button for variation products?

    #116474 Copied Theme version: Royal Theme
    12 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 8, 2016 at 12:00

    Hello,

    Please use this css code:

    .product-information .cart button[type="submit"] {
   color: white !important;
}

    Best regards,
    Jack Richardson.

    #116502 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 8, 2016 at 17:06

    Hi there. The code didn’t work. Here is a variant item

    https://www.wearmylabells.com/product/digi-frame-maria-sunnies/

    and this is a single product

    https://www.wearmylabells.com/product/golden-cross-ring/

    As you can see, the code for the single products worked. The code I used is below.

    }
    .single_add_to_cart_button.etheme-simple-product.button.alt {
    color: #ffffff !important;

    I tried simply adding the code you gave me and I tried it without the code above and neither way worked.

    #116523 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 8, 2016 at 21:24

    Also, the proceed to checkout button has black font on a black button as well.

    #116535 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 9, 2016 at 15:44

    Hello,

    Please provide us with wp-admin and FTP credentials in Private Content.

    Regards,
    Robert Hall

    #116649 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 9, 2016 at 17:57

    Okay I sent that over. I also see the Filter button for the woo commerce price range and the page numbers for the products also have black font on a black button.

    Additionally, the front page is loading very, very slowly. Is it possible that there is a js/css issue where it’s reflowing too many times? It takes like 12 seconds for my front page to load.

    #116679 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 9, 2016 at 18:07

    You forgot provide us with wp-admin and FTP credentials in Private Content. We need them to check issue more deeply.

    Regards,
    Robert Hall

    #116685 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 9, 2016 at 18:15

    That’s weird. I sent it. Here it is again.

    Please, contact administrator
    for this information.
    #116689 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 9, 2016 at 20:59

    I’ve changed CSS code in Global Custom CSS. Please check.

    Regards,
    Robert Hall

    #116722 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 9, 2016 at 21:21

    Thanks for fixing the variant add to cart button.

    The website still has the following problems:

    1) The Filter button for the woo commerce price range has a black font on a black button.

    2) The page numbers for the products pages also have black font on a black button.

    3) Additionally, the front page is loading very, very slowly. Is it possible that there is a js/css issue where it’s reflowing too many times? It takes like 12 seconds for my front page to load.

    #116724 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 9, 2016 at 21:56

    1), 2) I’ve changed CSS code in Theme Options->Global Custom CSS. Please check it now.

    3) You can speed up the site following the suggestions from these articles:

    http://codex.wordpress.org/WordPress_Optimization

    http://techtage.com/speeding-up-wordpress-sites/

    http://www.sparringmind.com/speed-up-wordpress/

    Regards,
    Robert Hall

    #116730 Copied
    Avatar: smudgedbyrbell
    smudgedbyrbell
    Participant
    March 9, 2016 at 22:01

    Thanks so much! It looks great!! Your the best 🙂

    #116731 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 9, 2016 at 22:23

    You’re welcome!

    Regards,
    Robert Hall

    #116734 Copied
  • Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘Add to Cart Button Has Black Font for Variable Products’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – 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.