Okay
  Public Ticket #3691667
Animation to change image as a person clicks
Open

Comments

  •  6
    whatneobank started the conversation

    Hi there,

    I am trying to create an animation or something similar, in order to when a person passes through it the color and the format changes to captive the user (like the example i attached).

    Could you help me, please?

    Attached files:  doubt4.png

  •  5
    WpWebSol | Ramzan Sharef replied

    Hi there,

    Could you please share the link of example web page that you have attached so we can get better knowledge what you are exactly looking for.

    If you want to change the title of card/post cards when someone hover over the card. This can be achieved by writing some css code (if this is the case then you will need to post your website/page link where you want to apply that kind of animations).


    Bst Regards,

    Ramzan

  •  2,895
    Andrew replied

    Hi there,

    Thank you for reaching out to us.

    To clarify, do you want to add this effect to the related articles section shown in the screenshot below?

    4814456176.png

    If so, please share the color you'd want to change this to so we can share custom CSS to achieve this.

    We look forward to your reply on this matter.

    @Ramzan, we appreciate your assistance on this and all the other matters.

    Regards,

  •  6
    whatneobank replied

    Thank you to both,

    Yes, thats what i would like. Do you know how i can add that effect to the related article section?

    This is the link of the web page i would like to do similar Blog | Robo-Advisor Finder

    Could you help me, please?

    Best Regards,

    Diogo Silva

  •  2,895
    Andrew replied

    Hi Diogo,

    Thank you for getting back to us.

    To change the color of the posts on hover, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.page-id-6182 .post .content-inner:hover * {
        color: red!important;
    }

    As for the animation, the blog element does not come with this feature out of the box and unfortunately adding this to the theme will require customizations that will fall beyond the scope of our support.

    I hope that helps.

    Thanks,

  •  6
    whatneobank replied

    Hi Andrew,

    Thanks, it was what i pretended. Just another question, i dont like that red color, how can i change it to another color like green or something similar. Is it possible?

    Best Regards,

    Diogo Silva

  •  1,782
    Judith replied

    Hello Diogo,

    Thanks for writing back.

    You just need to adjust the css as follows :

    body.page-id-6182 .post .content-inner:hover * {
        color: green! important;
    }

    I truly hope this proves helpful for you. Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,


  •  6
    whatneobank replied

    Hi Judith,

    Thanks for the answer, in order for me to change the color is just change in the code? Where it says green to put like yellow or something like that?

    Best Regards,

    Diogo Silva

  •  1,782
    Judith replied

    Hello Diogo,

    Thanks for writing back.

    Yes, you can adjust with any color of your choice.

     Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,