How to do this text hover with image ?

Home › Forums › Jevelin Theme › How to do this text hover with image ?

Home › Forums › Jevelin Theme › How to do this text hover with image ?

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

  • ot.tremelin
    Participant

    Hi,

    I saw a user’s website of Jevelin Theme (@<span class=”bbp-author-name”>villavictorlouis)</span> and I would like to do the same thing with the text hover with image (at the bottom of this page : http://www.villavictorlouis.com/offres/) as you can see on my screenshot, but I don’t know how to do it, and I don’t know how to contact this user…

    Can you help me please ?

    Thanks,

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

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @ot.tremelin,

     

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

     

    The user has used the below CSS code to achieve that result and added the CSS id b-img to the image tag.

     

    #b-img:hover {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

#b-img {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

     

    Best regards,
    Shufflehound team

    ot.tremelin
    Participant

    Thanks a lot for your help.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form