badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

reverse transition effect of widget recent work

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #38970
    mail17
    Participant

    Hi Horsemen,

    I have started using Ambition and feel it is a nice template. I have already found a lot of nice features and are happy with the whole look. This is my first wordpress page also!

    I actually create a page for a cosmetic studio and wish to change something: http://www.beauty.neu23.de

    The transition FX on widget_recent_work should be reversed. The opacity should fade out on mouseover, not in.

    Can someone help me out with this CSS question?

    Best of thanks

    Sebastian

    #39002

    Hi,

    To reverse the transition effect Go to Appearance -> Customize -> Ambition Theme Options -> Custom CSS and paste the below CSS code then click on Save & Publish button:

    
    .widget_recent_work .recent-work-col a img {
        opacity: 0.5;
        transition: all 0.3s ease-out 0s;
    }
    .widget_recent_work .recent-work-col a:hover img {
        opacity: 0.9;
    }

    Thank you!

    #39034
    mail17
    Participant

    Hi Keymaster

    thx for this!

    Best Sebastian

    #39075

    You are very welcome! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.