Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #333619
    azucker
    Participant

    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,
    Andrew

    #333834
    sweta
    Participant

    Hello Azucker,

    Apologies for the delayed response. We are currently investigating the issue and will provide you with a solution shortly.

    Best regards,
    Sweta

     

     

    #333835
    sweta
    Participant

    Hello 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,
    Sweta

    
    
    		
    	
    #333862
    azucker
    Participant

    Hi 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,
    Andrew

    #333864
    azucker
    Participant

    edit: NVM! I actually had turned off the outline on my own. Sorry for that and THANKS you did solve it! 🙂

     

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Remove the Arrow from the buttons’ is closed to new replies.