Home Forums WoodMart support forum Button Border on Hover

Button Border on Hover

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #165671

    mfatih94
    Participant

    I need custom CSS for ALL Buttons (Default buttons, Shop buttons, Accent buttons) if I hover over the Button that the button gets a black border. Thanks in advance

    #165717

    Hello,

    As you want to display the black border on all the buttons on hover. You can check the available options for button styling in theme settings >> STYLES AND COLORS >> BUTTONS. As there are options to change the text color and background color on hover but there is no such option to display the border color on hover.

    So you can try the below CSS code in global custom CSS area under theme settings >> custom CSS, at your own risk:

    .button:hover , button:hover{
    border:solid black 2px !important;
    }

    Best Regards.

    #165769

    mfatih94
    Participant

    Thanks this worked but not for the Default buttons (WordPress buttons)

    #165776

    mfatih94
    Participant

    I have found some other problems see picture

    Attachments:
    You must be logged in to view attached files.
    #165780

    Most Welcome,

    I have seen your screenshot. Could you please share the URL of you site, so I can check and help you out accordingly.

    Best Regards.

    #165818

    mfatih94
    Participant

    Ok

    #165838

    mfatih94
    Participant

    Another problem is that the add to cart button in the shop (where the logo spins on hover) does not become black see screenshot

    Attachments:
    You must be logged in to view attached files.
    #165850

    Hello,

    I visited your site the search button, quick view close button,add to cart button etc displaying the black border on hover because you added that CSS code which I provide you on your request, If you do not want that black border on hover then just remove that CSS code from global custom CSS area under theme settings >> custom CSS.

    In your theme settings you choose your buttons hover color as white, and add to cart button icon is also in white color that’s why it did not shown on product grid item. Also the same behavior applied on WordPress buttons on login/register page. So just try to use some other hover color except of White color, because your pages also in white color.

    Best Regards.

    #165988

    mfatih94
    Participant

    button.searchsubmit{
    border:none !important;
    }

    I overrided the css for the searchbutton now it works. But I dont know the class name of the add to cart button and the other elements can you tell me them?

    #165990

    mfatih94
    Participant

    Found it out by myself there you go.

    button.searchsubmit,button.mfp-close,button.pswp__button,a.button.product_type_variable.add_to_cart_button.add-to-cart-loop{
    border:none !important;
    }

    #166040

    Hello,

    I’m glad that you fixed it by applying your custom CSS code. You are the best.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Button Border on Hover’ is closed to new replies.