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

Comments

  •  10
    fghthtjhgghn started the conversation

    .

  •  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

  •  3,001
    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,

  •  10
    fghthtjhgghn replied

    .

  •  3,001
    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,

  •  10
    fghthtjhgghn replied

    .

  •  1,919
    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,


  •  10
    fghthtjhgghn replied

    .

  •  1,919
    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,