Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2014 at 12:34 am #345016
    koala

    How do I adjust the image hover transparency to be black and more transparent?

    There’s 3 boxes on the home page under the slider that have a white transparency. I’d like to make it black and adjust the level.

    November 3, 2014 at 6:07 am #345082
    Arvish

    Hey koala!

    Add this code to Quick CSS or custom.css:

    .avia_transform .image-overlay {
    background:#000;
}

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

    Change the opacity to your preferred level (between 0 and 1).

    Regards,
    Arvish

    November 6, 2014 at 10:56 pm #347439
    koala

    That works, but it also makes the blue circle transparent and I’d like to keep that visible.

    November 7, 2014 at 11:10 am #347651
    Ismael

    Hi!

    Please replace the code with this:

    .avia_transform .image-overlay {
background: rgba(0,0,0,.5);
}

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

    Best regards,
    Ismael

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