Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 16, 2015 at 3:28 pm #396746
    xpoveda

    Hi, I like to modify the color of overlay image and opacity.

    Can you tell me the css modifications please?

    Thanks !!

    Xavier.

    February 16, 2015 at 3:33 pm #396747
    Yigit

    Hey xpoveda!

    Please add following code to Quick CSS and adjust as needed

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
background-color: red;
}
.avia_transform a:hover .image-overlay {
opacity: 0.7 !important;
}

    Regards,
    Yigit

    February 16, 2015 at 9:26 pm #397088
    xpoveda

    Hi Yigit another time!! ;)

    Sorry, I should have explained bad.

    I like the color on hover in the image is not white with opacity, I like is color x with opacity y.

    Is not a customization of image overlay is a customization of color x and opacity in on hover image.
    By example in footer appear “cervezas califa”, i like the on hover is with background black not with white background.

    Thanks!!

    Xavier.

    February 17, 2015 at 11:52 am #397382
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    .image-overlay { background: orange; }

    It will change the background color from white to orange. You can adjust the opacity using the code i posted in my previous post. If that too does not help, please post a screenshot and show the changes you would like to make : )

    Best regards,
    Yigit

    February 17, 2015 at 1:55 pm #397466
    xpoveda

    Is perfect!!, thanks so much!!!

    February 17, 2015 at 1:56 pm #397467
    Yigit

    Hi

    You are welcome Xavier, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘background-color and opacity in image overlay’ is closed to new replies.