Home › Forums › WoodMart support forum › Button Border on Hover
Button Border on Hover
- This topic has 10 replies, 2 voices, and was last updated 5 years, 2 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
December 31, 2019 at 3:31 am #165671
mfatih94ParticipantI 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
December 31, 2019 at 9:50 am #165717
Aizaz Imtiaz AwanKeymasterHello,
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.
December 31, 2019 at 8:51 pm #165769
mfatih94ParticipantThanks this worked but not for the Default buttons (WordPress buttons)
January 1, 2020 at 3:49 am #165776
mfatih94ParticipantI have found some other problems see picture
Attachments:
You must be logged in to view attached files.January 1, 2020 at 5:58 am #165780
Aizaz Imtiaz AwanKeymasterMost 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.
January 1, 2020 at 6:21 pm #165818
mfatih94ParticipantOk
January 2, 2020 at 1:42 am #165838
mfatih94ParticipantAnother 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.January 2, 2020 at 6:22 am #165850
Aizaz Imtiaz AwanKeymasterHello,
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.
January 2, 2020 at 6:03 pm #165988
mfatih94Participantbutton.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?
January 2, 2020 at 6:37 pm #165990
mfatih94ParticipantFound 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;
}January 3, 2020 at 6:53 am #166040
Aizaz Imtiaz AwanKeymasterHello,
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. -
AuthorPosts
The topic ‘Button Border on Hover’ is closed to new replies.
- You must be logged in to create new topics. Login / Register