Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 26, 2017 at 1:56 pm #856922
    fisherman

    Hi there, I need some help please.
    A white line 6px high is being added to the bottom of any image which is linked:
    https://koltsokosan.hu/akcios-ujsag/aldi/
    If there is no link, there is no white line. But I don’t see any css inserting it anywhere…
    How can it be removed?

    September 27, 2017 at 5:54 am #857296
    John Torvik

    Hey Tom,

    Please, I could not find this white line, can you provide to us some screenshot about this?

    Best regards,
    John Torvik

    September 27, 2017 at 9:15 am #857384
    fisherman

    Hi, sure, here you go:
    Screenshot: https://drive.google.com/open?id=0B3lE1PRk3HmDVE1GS0VrYWhYNVk
    It’s of this url: https://koltsokosan.hu/akcios-ujsag/aldi/aldi-heti-ujsag-2017-09-28/
    Thanks,
    Tom

    September 27, 2017 at 9:49 am #857398
    Nikko

    Hi Tom,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    .ujsag-image-container a img {
    display: block;
}

    Hope this helps :)

    Best regards,
    Nikko

    September 27, 2017 at 11:08 am #857435
    fisherman

    Hi Nikko, thanks, this removed the white line, but re-added another problem I had.
    Now the image overlay doesn’t appear on the images on the first hover, only the second one, have a look:

    Aktuális akciók

    I originally solved it with this code, but added what you just sent seems to bring the problem back:

    /*Enfold hack to fix overlay appearing on second hover*/
 .avia_transform a .image-overlay {
    top: 0 !important;
}
    September 27, 2017 at 11:43 am #857445
    Nikko

    Hi,

    I’m not sure how that code I gave causes the hover issue. If you remove the code I gave does it fix the hover issue? try to clear cache as it might fix the issue.

    Best regards,
    Nikko

    September 27, 2017 at 12:21 pm #857459
    fisherman

    Yes, cache is cleared. Your code brings the image overlay issue back.
    What should I do?
    Thanks

    September 28, 2017 at 11:17 am #857949
    Victoria

    Hi, fisherman

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_transform a .image-overlay {
    top: 0 !important;
    left: -5px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 28, 2017 at 12:00 pm #857974
    fisherman

    Thanks Victoria, you’re awesome, it worked!
    Yippie :-)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘6px white line being added below linked images’ is closed to new replies.