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

Comments

  • Johannes started the conversation

    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,425
    Tahir replied

    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

    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,425
    Tahir replied

    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,425
    Tahir replied

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

    Best,

    -T


    ThemeNectar Support Team 

  • Johannes replied

    Thank you very much! :)