qty plus and minus instead of arrows

Home › Forums › Jevelin Theme › qty plus and minus instead of arrows

Home › Forums › Jevelin Theme › qty plus and minus instead of arrows

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • davey1975
    Participant

    Is there a way to change the QTY up and down arrows on the product pages to be a + and – instead of arrows?

     

    If not, how would I disable the arrows and use another icon?

     

    Thanks

    Shufflehound Support
    Moderator

    Hi @davey1975,

     

    I hope you are well today and thank you for your question.

     

    You can try achieving this using Yellow Pencil editor as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Best regards,
    Shufflehound team

    davey1975
    Participant

    Sorry, I’m not sure how Yellow pencil can change the arrow to a plus symbol.

    I can style it with yellow pencil but I’m unsure how it can change the content.

     

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .woocommerce span.sh-noselect.sh-increase-number-up .ti-arrow-up:before {
content: "\e61a"; 
}
.woocommerce span.sh-noselect.sh-increase-number-down .ti-arrow-down:before {
content: "\e622";  
}

    davey1975
    Participant

    Thank you for your help.Ā  That worked perfectly.

    Shufflehound Support
    Moderator

    You are most welcome here šŸ™‚

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)