Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 25, 2017 at 4:59 pm #738475
    NicomIT

    Something small that I noticed is when you change the color of the overlay that appears on images, it doesn’t tend to line up with the size of the image. It looks like it runs about 1 pixel short at the bottom of the images and 5 pixels too far on either side of them. Not a huge deal, but I wasn’t able to find anything addressing it in the support forum, so I thought I would post something about it.

    January 26, 2017 at 7:21 am #738753
    Rikard

    Hey NicomIT,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 26, 2017 at 2:45 pm #738956
    NicomIT

    Sure, you can see what I’m referring to if you mouse over the aerial photo under the breadcrumb nav on the page below.

    January 27, 2017 at 7:09 am #739239
    Rikard

    Hi,

    Thanks for that, though I can’t see anything like that on my end using Chrome. In what browser are you seeing it?

    Best regards,
    Rikard

    January 27, 2017 at 2:48 pm #739382
    NicomIT

    Hi Rikard,
    It’s harder to see with a white overlay, so I made it blue. For some reason the gap at the bottom isn’t showing now. But you can see where it bleeds out a little too far on the sides.

    February 1, 2017 at 5:42 am #740989
    Ismael

    Hi!

    The calculation is a bit off by .1% but I’m not sure why. This css modification should fix it temporarily.

    .avia_transform a .image-overlay {
    width: 99.9% !important;
    left: .1% !important;
}

    Cheers!
    Ismael

    February 1, 2017 at 5:45 am #740990
    Rikard

    Hi,

    Sorry for the late reply. Thanks for that, I can see what you mean now. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-468 .overlay-type-image {
    left: 0 !important;
    width: 743px !important;
}

    Best regards,
    Rikard

    February 1, 2017 at 2:43 pm #741250
    NicomIT

    Thanks. I tried the code suggested by both of you, but neither seemed to fix it.

    February 1, 2017 at 2:49 pm #741257
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .image-overlay {
    width: 100%!important;
    left: 0!important;
}

    Best regards,
    Yigit

    February 1, 2017 at 2:53 pm #741261
    NicomIT

    Thanks. That worked when I added it to the Quick CSS section, but just not when I added it to the style.css file in my child theme.

    February 1, 2017 at 2:59 pm #741268
    Yigit

    Hey!

    Please post the content of your Style.css file here using – http://pastebin.com/

    Regards,
    Yigit

    February 1, 2017 at 3:08 pm #741273
    NicomIT

    Sorry, it doesn’t seem to be working for me. I get this message…

    Possible Spam Detected
    Your paste has triggered our automatic SPAM detection filter. This happens when certain keywords are detected in a paste. It can also happen if you are creating a lot of pastes in a short period of time. To confirm you are not a bot, please solve the captcha below. PRO users don’t get asked to solve captchas.

    I did remove the CSS from the Quick CSS section and put it back in the style.css. So if you check the website now the overlay is not displaying correctly again.

    February 1, 2017 at 3:10 pm #741277
    Yigit

    Hi!

    Please create a temporary admin login and post it here privately

    Cheers!
    Yigit

    February 1, 2017 at 3:16 pm #741281
    NicomIT

    Sure. Here you go.

    February 1, 2017 at 3:22 pm #741283
    Yigit

    Hi!

    I added the code to bottom of Style.css file of your child theme in Appearance > Editor and it does work fine on my end.
    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Regards,
    Yigit

    February 1, 2017 at 3:27 pm #741286
    NicomIT

    Thanks Yigit. I can see it working now.

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Position of Image Color Overlay’ is closed to new replies.