yellow pencil

Home Forums Jevelin Theme yellow pencil

Home Forums Jevelin Theme yellow pencil

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Hi, I’ve noticed recently that something in the theme is stopping the yellow pencil animation from working on the shop buttons? This is on another site that I purchased your theme for too.

     

    Seems to be fine when editing the page but as soon as you close the editor and go to the live front end, it no longer works?

     

    The site currently has a holding page setup and so you’ll need to navigate to https://supplementsforthesoul.co.uk/shop/

     

    Thanks, Adam

    Hi Adam,

     

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

     

    I logged in to your site and used Yellow Pencil Editor on it but didn’t see any animation on the shop button as shown in the attached screenshot.

     

    Could you please tell me what type of animation you have applied on the button and when does it play?

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    Hi,

     

    That’s the button I was trying to animate, hence why I’ve opened a ticket 🙂

     

    I want it to spin when you hover over it, like the social media icons spin on the homepage newsletter sign up (https://supplementsforthesoul.co.uk/home/)

     

    Thanks, Adam

    Solution for this topic

    What I was asking you that you told me it works fine when editing but it also doesn’t work for me when editing as shown in my above screenshot.

     

    We can instead try achieving this developing custom CSS code.

     

    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

     

    a.button.add_to_cart_button {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    
    }
    
    a.button.add_to_cart_button:hover
    {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    }

    That’s great, thank you 🙂

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)