Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 12, 2021 at 11:27 am #1271827
    yampieters

    Hello,
    1. when one mouses over a gallery image, there is this text appearing.
    The textfield is above the actual image you are hovering.
    is there a way to set the margin and display the text upon the actual image one is hovering?
    2. when hovering the gallery pic becomes vague.
    How can i tell Enfold that i dont want it to become vague when hovering over it?
    (Activating “Disable Overlay” in the Enfold Settings didnt work…)

    best regards, jelle

    • This topic was modified 3 years, 10 months ago by yampieters.
    January 16, 2021 at 2:42 pm #1272932
    yampieters

    point 2 seems to be to be resolved by

    /* gallery overlay */
#top .avia-gallery .avia-gallery-thumb a:hover {
    opacity: 1;
}

    point 1 still unresolved as well.

    best regads, jelle

    • This reply was modified 3 years, 10 months ago by yampieters.
    January 17, 2021 at 2:58 pm #1273057
    Victoria

    Hi yampieters,

    Could you please attach a mockup of what you’re trying to achieve?

    Where do you want the additional margin?

    Best regards,
    Victoria

    January 17, 2021 at 8:11 pm #1273156
    yampieters

    Hello Victoria, sure,
    https://jmcwebdesign.nl/bd/wp-content/uploads/2021/01/dropthefield.png
    so , if i would change the margin of the textfield, that would help i think
    (maybe like :”margin: -50px”, or something)
    best regards, jelle

    January 18, 2021 at 6:52 pm #1273408
    Victoria

    Hi yampieters,

    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

    
#top .avia-tooltip {
    margin-top: 100px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 19, 2021 at 10:12 am #1273613
    yampieters

    hello and thanks…but its only working half…the margin is there, but its wobbling.
    ive tried this piece of code also in themes/enfold/css/custom.css
    but the result was the same…

    ps; ive noticed by the way that the wobbling effect is only there when one enters the mouse from above or the sides.
    if coming from the bottom the textfield stays at his place…

    • This reply was modified 3 years, 10 months ago by yampieters.
    January 21, 2021 at 3:38 pm #1274391
    Victoria

    Hi yampieters,

    I am not sure what can be causing this, it’s better to leave the tooltip in the original position without the css given by me.

    Best regards,
    Victoria

    January 22, 2021 at 1:57 pm #1274712
    yampieters

    ok, maybe thats the best as its causing some trouble.
    could i change the tooltop itself maybe? this arrow at the bottom of its, maybe i could get it a bit bigger, more “pointier”.
    and could i change the color to white for example, with black text?

    January 22, 2021 at 2:45 pm #1274735
    Victoria

    Hi yampieters,

    Please try this code to see what it looks like:

    
.avia-tooltip {
    background: rgb(254 250 250 / 80%);
    color: #444;
}

    Best regards,
    Victoria

    January 26, 2021 at 9:54 am #1275423
    yampieters

    thanks Victoria, this ticket can be closed.

    January 26, 2021 at 11:58 pm #1275606
    Victoria

    Hi yampieters,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘change margin of gallery textfield when hovering’ is closed to new replies.