Button Hidden Until Hovered Over

  • Resolved Jonas

    (@xspirit)


    3 years, 8 months ago

    Hi, Just installed WooCommerce plugin on my “no profit association-page”. Its looks amazing but have found a couple of errors. On the button “pay” it doesnt show a blue button, just the white text before i hover over it (pic 1). When i hover over it its just like i want it too be all the time “a blue button” (pic 2).

    2. Can i make a button for “show cart” after i added a product? see pic 3.

    Pic 1 – Before mouse over: https://ibb.co/nmB6fcC
    Pic 2 – Mouse over: https://ibb.co/FKNxB5W
    Pic 3 – Show cart button? https://ibb.co/Zxywvwx

    Regarding Jonas

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    This can be fixed with some custom CSS. Under Appearance > Additional CSS, you can add the following code:

    .woocommerce #payment #place_order {
    background-color: #016bbc !important;
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Thread Starter Jonas

    (@xspirit)

    That worked great with the “pay” button. Thank you. ?? i’ll give you guys 5-stars!

    • This reply was modified 3 years, 8 months ago by Jonas.
    Thread Starter Jonas

    (@xspirit)

    The problem is still here on another pages. When i click on a product, the button is like it where before, only showing with mouse over, (same with “add one more/take away one”-arrows) but it works everywhere els.

    I tought your css whould fix that everywhere.

    Have a great day ??

    https://ibb.co/Hd8WLnh

    • This reply was modified 3 years, 8 months ago by Jonas.

    Hi @xspirit

    Can you also add the following to change the color of the add to cart button on single product page?

    .single-product .product .single_add_to_cart_button.button {
    background-color: #016bbc !important;
   
}

    Hi @xspirit

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Button Hidden Until Hovered Over’ is closed to new replies.