Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #856922

    Hi there, I need some help please.
    A white line 6px high is being added to the bottom of any image which is linked:
    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?


    Hey Tom,

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

    Best regards,
    John Torvik


    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,


    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:

    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;


    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,


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


    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,


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

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