Comments 4jaitkenphoto started the conversationMarch 31, 2018 at 7:52amThe hover color on the shortcode button called "button outline" goes almost transparent. I need custom CSS to adjust this color please. You can see the problem on the "read more" buttons of the "Meet Our Team" section of this page:https://horstmannbrothers.afflectosbeta.com/about-us/ 1,844Barry repliedMarch 31, 2018 at 2:12pmHi there,Please also add the following css in the additional css area of the theme customizer: btn-outline:hover { border-color: rgba(0, 0, 0, 0.3); } If you would like to use a hex color value you could use: btn-outline:hover { border-color: #a3a3a3; } Best regards,BarryQreativeThemes.com | Our WordPress Themes | Hire Us / Services 4jaitkenphoto repliedApril 3, 2018 at 2:46amThat didn't seem to work for the border unfortunately. Can we try again? And yes, the Hex value option is preferred, thank you! :) 1,844Barry repliedApril 3, 2018 at 10:55amHi,Excuse me. This one will do the trick: .btn-outline:active:focus, .btn-outline:hover { border-color: #a3a3a3; } You can change the #a3a3a3 hex value to your own needs.Best regards,BarryQreativeThemes.com | Our WordPress Themes | Hire Us / Services 4jaitkenphoto repliedApril 3, 2018 at 2:34pmFantastic, that worked, thank you so much for your wonderful and prompt support!! 1,844Barry repliedApril 3, 2018 at 3:11pmYou're very welcome.If you have any questions please let me know.Best regards,BarryQreativeThemes.com | Our WordPress Themes | Hire Us / Services Sign in to reply ...
The hover color on the shortcode button called "button outline" goes almost transparent. I need custom CSS to adjust this color please. You can see the problem on the "read more" buttons of the "Meet Our Team" section of this page:
https://horstmannbrothers.afflectosbeta.com/about-us/
Hi there,
Please also add the following css in the additional css area of the theme customizer:
btn-outline:hover { border-color: rgba(0, 0, 0, 0.3); }If you would like to use a hex color value you could use:
btn-outline:hover { border-color: #a3a3a3; }Best regards,
Barry
QreativeThemes.com | Our WordPress Themes | Hire Us / Services
That didn't seem to work for the border unfortunately. Can we try again? And yes, the Hex value option is preferred, thank you! :)
Hi,
Excuse me. This one will do the trick:
.btn-outline:active:focus, .btn-outline:hover { border-color: #a3a3a3; }You can change the #a3a3a3 hex value to your own needs.
Best regards,
Barry
QreativeThemes.com | Our WordPress Themes | Hire Us / Services
Fantastic, that worked, thank you so much for your wonderful and prompt support!!
You're very welcome.
If you have any questions please let me know.
Best regards,
Barry
QreativeThemes.com | Our WordPress Themes | Hire Us / Services