Home Forums Aside WordPress Theme How to edit 'Hover Effect' on Brick List Portfolio?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #7450
    Rob Bloomfield
    Participant

    Hi,

    I would like to edit the hover effect of the brick list portfolio to remove the zoom effect but keep the ‘dimming’ effect that reveals the title. I am aware you can disable the entire hover effect in the module but I would like to keep certain aspects and remove others.

    Is it possible to remove the zoom effect in the CSS? Also is it possible to change the colour of the ‘dimming’ effect when mousing over a portfolio item (it’s currently grey). I have tried changing every one of the scheme options in the theme settings but none effect the hover/mouse over effect.

    Thank you.

    #7454
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi, thanks for using our theme.
    If you want to remove the image zoom effect only:
    Please login wp-admin, go to Aside / General Settings / Custom Css
    Paste the style code to Custom Css:

    .brick-with-img .brick-hover:hover ~ .brick-content img,
    .isotope-liquid-list .hover-effect .brick-hover:hover img {
       -webkit-transform: scale(1);
       -moz-transform: scale(1);
       -o-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;
    }

    Also is it possible to change the colour of the ‘dimming’ effect when mousing over a portfolio item (it’s currently grey

    You could edit the post, change the featured color in Post Option panel.

    Best

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