In the page I sent in the link, I use a plugin that has its own button and it doesn't go well with Salient's button style. When the mouse pointer hovers the button the edges of the squared button become round (check attached screenshot). How can I fix this?
It got better, but it isn't quite there yet. Please check the attached file: the corners are still rounded when the mouse pointer is hovering the button.
Yes it is Judith, however you have to go through the first part of the quiz checking one option of each answer and pressing the "PROSSEGUIR" button in the bottom of the page to get to the section with the button
Hello!
In the page I sent in the link, I use a plugin that has its own button and it doesn't go well with Salient's button style. When the mouse pointer hovers the button the edges of the squared button become round (check attached screenshot). How can I fix this?
Kind regards
Hi There,
Please try this css:
body[data-button-style*="rounded_shadow"] .wp-block-button > .wp-block-button__link:hover, body[data-button-style*="rounded_shadow"] .nectar-button:hover, body[data-button-style*="rounded_shadow"] .nectar-button:focus, body[data-button-style*="rounded_shadow"].ascend .nectar-button.see-through:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:hover, body[data-button-style*="rounded_shadow"] input[type="submit"]:focus, body[data-button-style*="rounded_shadow"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body[data-button-style*="rounded_shadow"] .swiper-slide .button a:hover, body[data-button-style="rounded_shadow"].ascend .nectar-button.see-through-2:hover, body[data-button-style*="rounded_shadow"].ascend .nectar-button:hover, body[data-button-style*="rounded_shadow"] .sharing-default-minimal .nectar-love:hover, body[data-button-style="rounded_shadow"] .sharing-default-minimal .nectar-social-inner > a:hover, body[data-button-style*="rounded_shadow"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover, body[data-button-style*="rounded_shadow"] .container-wrap input[type="submit"]:hover, body[data-button-style="rounded_shadow"] .container-wrap button[type="submit"]:hover, body[data-button-style="rounded_shadow"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {-webkit-transform: none;
}
Thanks.
Hi Judith, thanks for the quick reply!
It got better, but it isn't quite there yet. Please check the attached file: the corners are still rounded when the mouse pointer is hovering the button.
Kind regards
Hi There,
I am not seeing the location of the button you have referenced, is it on this page: http://pedrocarboni.com.br/dass/ and if yes, where exactly is it.
Thanks.
Yes it is Judith, however you have to go through the first part of the quiz checking one option of each answer and pressing the "PROSSEGUIR" button in the bottom of the page to get to the section with the button
Hi Pcarboni,
Please try this css:
body[data-button-style^="rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style^="rounded"] .nectar-button.see-through, body[data-button-style^="rounded"] .nectar-button.see-through-2, body[data-button-style^="rounded"] .nectar-button.see-through-3, body[data-button-style^="rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style^="rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before, body[data-button-style^="rounded"] #to-top, body[data-button-style^="rounded"] .flex-direction-nav a, body[data-button-style^="rounded"] #pagination span, body[data-button-style^="rounded"] #pagination a, body[data-button-style^="rounded"] #pagination .next.inactive, body[data-button-style^="rounded"] #pagination .prev.inactive, body[data-button-style^="rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style^="rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style^="rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style^="rounded"] #infscr-loading, body[data-button-style^="rounded"] input[type=submit], body[data-button-style^="rounded"] button[type=submit], body[data-button-style^="rounded"] input[type="button"], body[data-button-style^="rounded"] button, body[data-button-style^="rounded"] .nectar-button, body[data-button-style^="rounded"] .swiper-slide .button a, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style^="rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style^="rounded"] .woocommerce.add_to_cart_inline a.button.add_to_cart_button, body[data-button-style^="rounded"] #header-outer .widget_shopping_cart a.button, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button {-webkit-border-radius: 2px!important;
}
Thanks.