- This topic has 4 replies, 2 voices, and was last updated 5 months, 3 weeks ago by azucker.
-
AuthorPosts
-
March 10, 2024 at 7:53 am #333619azuckerParticipant
Hi there,
How can I remove the arrows from the buttons. Please look at http://www.ranwei.net to see what I mean.
Also unable to edit the button for contact form at all.
Thanks,
AndrewMarch 15, 2024 at 1:53 am #333834swetaParticipantHello Azucker,
Apologies for the delayed response. We are currently investigating the issue and will provide you with a solution shortly.
Best regards,
SwetaMarch 15, 2024 at 3:50 am #333835swetaParticipantHello Azucker,
To remove arrow from button add Custom CSS in your website. Go to this link to know about adding Custom CSS to your website:
.wp-block-button__link.wp-element-button:after, .wp-block-button.is-style-sportspot-button .wp-block-button__link:after, .wp-block-post-excerpt__more-link:after, .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:after, .wc-block-cart__submit-container .wp-element-button:after, .woocommerce-page .button:after { display: none; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline, .wc-block-grid__products .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link, .woocommerce-page .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link, .woocommerce-page a.button, .woocommerce-page button.button, .wc-block-cart__submit .wc-block-cart__submit-container .wp-element-button, .woocommerce-page .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { padding-right: clamp(1rem, 5vw, 1.5rem); } .wp-block-button.is-style-sportspot-button .wp-block-button__link, .wp-block-post-excerpt__more-link { padding-right: 0; }
Let me know if this works. For now please update using this code for button arrow, and looks like you are using JetPack Contact form the issue is caused by the plugin.
Regards,
SwetaMarch 16, 2024 at 8:46 pm #333862azuckerParticipantHi Sweta,
Thank you so much for getting back to me and sorry for the late reply. I just tried it out and while it got rid of the arrows, it also got rid of the outline. I wish I understood CSS it makes no sense to me unlike HTML that I can easily look at and guess what’s going on.
I saw ”
.wp-block-button .wp-block-button__link.is-style-outline," and tried deleting it but still no outline.
Is there a part I can just cut out of that to get the outline back?
Thanks,
AndrewMarch 16, 2024 at 8:50 pm #333864azuckerParticipantedit: NVM! I actually had turned off the outline on my own. Sorry for that and THANKS you did solve it! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.