Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 26, 2013 at 7:39 pm #193549
    Niels

    I have a number of galleries on my first Enfold site, which is now almost ready to launch publicly.

    The thumbnail images use pop-up captions on mouse-over, which appear as white text on a dark grey, translucent background.

    Can you tell me how I can style the captions to use a different colour background and font combination?

    Thanks.

    November 27, 2013 at 6:34 am #193723
    Ismael

    Hi Niels!

    You can add this on your custom.css or Quick CSS to modify the look of the gallery tooltip:

    .avia-tooltip {
background: #000;
background: rgba(255, 3, 4, 0.8);
color: blue;
}

.avia-tooltip .avia-arrow {
background: rgba(255, 3, 4, 0.8);
border: none;
}

    Make sure that the background of .avia-tooltip and .avia-tooltip .avia-arrow is the same. :)

    Best regards,
    Ismael

    November 27, 2013 at 12:09 pm #193841
    Niels

    Great, that works perfectly, many thanks Ismael.

    I notice that the tooltip box appears off-centre, slightly to the left of the target image – can I adjust its position so that it appears perfectly centred?

    Also, I would like to tooltip box to appear slightly lower – that is, closer to the target box. Again, can I adjust this?

    November 28, 2013 at 10:05 pm #194513
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    November 29, 2013 at 12:45 pm #194715
    Niels

    Thanks Josue.

    A sample gallery page can be seen here: http://enamellers.org/bsoe/gallery/tamizan-savill/

    You will see that the pale grey pop-up caption/tooltip boxes aren’t centred, but are a little to the left.

    I’d also like them to be closer to their ‘parent’ image when they pop up if possible.

    November 29, 2013 at 7:56 pm #194822
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-tooltip.avia-tt {
    margin-left: 0 !important;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold: gallery pop-up captions’ is closed to new replies.