Okay
  Public Ticket #353506
Removing color overlay from image gallery thumbnails
Closed

Comments

  • Johannes started the conversation
    January 17, 2015 at 1:17am

    I'd like to remove the color overlay that occurs when hovering over the thumbnails in the bottom of the page. I can't seem to find anywhere in the CSS to edit. Where do I look?

    And if possible, I'd like to know how to be able to have the images link to the lightbox slideshow, instead of the "View larger" textlink.

    Thanks!

  •  8,847
    Tahir replied
    January 19, 2015 at 3:40pm

    Hey!

    Seems like you got it sorted as i cant see any overlays ?.   I am afraid changing the image link would require custom development.

    Thanks 

    ThemeNectar Support Team 

  • Johannes replied
    January 19, 2015 at 3:51pm

    Hi,

    Nope - it's still there when I hover with the mouse. If I could just change the color to transparent - that would be fine.

    And as you can see - the color overlay is also the wrong size in comparison to the image thumbnails.

    Can you point me in the right direction? I know PHP, CSS and HTML - i just need to know where to look.

    Thank you!

  •  8,847
    Tahir replied
    January 20, 2015 at 2:24pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .portfolio-items .col[data-default-color="true"] .work-info-bg {
    opacity: 0 !important;
}
    Also do add 250x250  image size in the Vc options so the thumbnail images are sized correctly. 
    Thanks 

    ThemeNectar Support Team 

  •  8,847
    Tahir replied
    January 20, 2015 at 2:25pm

    As regards changing the links . You will have to edit "Salient/nectar/tinymce/shortcode-processing.php " . 

    Best,

    -T

    ThemeNectar Support Team 

  • Johannes replied
    January 20, 2015 at 4:12pm

    Thank you very much! :)