Return to previous page

Hover Mask porftolio item slider - by slidebird

This topic has 4 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Brian Johnson

  • Avatar: slidebird
    slidebird
    Participant
    March 31, 2015 at 12:57

    Hi there i would like to display:none the hover mask in the porfolio slider like for example on this site

    http://slidebird.wpengine.com/portfolio/stroeck-filiale/

    i tried to class .mask-content or .porftolio-mask but the problem is if i dont display those classes the picture isnt linked at all… is there a way to just link the picutres without this horrible hover mask?

    thx

    #53547 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 31, 2015 at 13:22

    Hello,

    Please add this code in custom.css file.

    .portfolio-item .portfolio-image .portfolio-mask{
display:none;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #53555 Copied
    Avatar: slidebird
    slidebird
    Participant
    March 31, 2015 at 13:28

    as i wrote i already tried this… problem with this method is that i want the images to be linked… if i hide the entire hover mask the links are not displayed as well… so i want just the normal image with an link without the hoover mask… it worked on the blog slider on the start page slidebird.wpengine.com

    thx for help

    #53563 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 31, 2015 at 15:22

    Hello

    You may manually remove unnecessary fields from line 43-48 in legenda\content-portfolio.php.

    With best regards
    Brian Johnson

    #53613 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.