Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 7, 2014 at 8:27 am #347559
    vcoronel

    When I mouse over an image that has the lightbox enabled, there is always a faded white transparent effect that I need to make it less obvious. I want that transparency to be less white and show more the image. How can I do that for all images across the theme??

    Thank You.

    Victor Coronel

    November 7, 2014 at 9:59 am #347604
    Arvish

    Hi victor!

    Add this to Quick CSS or custom.css

    .avia_transform a:hover .image-overlay {
    opacity: 0.2 !important;
}

    Play with the opacity value (0 – 1) to obtain the desired level of opacity you want.

    Regards,
    Arvish

    November 9, 2014 at 3:29 am #348263
    vcoronel

    Thank You. It worked perfect!.

    Now the related question is that in order to change the enfold hover icon I added this css code:

    .image-overlay.overlay-type-extern .image-overlay-inside:before
    {content:url(http://sabrostarfruitcompany.com/download/80x80_hoverIcon.png);}

    And it is working fine in my blog page (http://sabrostarfruitcompany.com/eventos-sabrostar/) but inside the single post page it does not work. It goes back to the preset enfold icon (http://sabrostarfruitcompany.com/xi-foro-international-del-banano-2014/)

    What else I need to add to the code to make this icon change all across the theme.

    November 10, 2014 at 2:37 pm #348764
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .image-overlay .image-overlay-inside:before {
content: url(https://sabrostarfruitcompany.com/download/80x80_hoverIcon.png); 
}

    Regards,
    Yigit

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