Color change for gallery titles / put them below the pictures

Hey tinohannes,

Thank you for the inquiry.

You can use this css code to adjust the style of the image tooltip.

.avia-tooltip {
    position: absolute;
    z-index: 9999999;
    padding: 12px;
    margin-top: -18px;
    margin-left: -4px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 140px;
    border-radius: 2px;
    text-align: center;
}

Default background color is set to rgba(0, 0, 0, 0.8).

Best regards,
Ismael

Hi,
To have the avia-tooltip show at the bottom you will need to edit the file at:
\enfold\js\avia.js
on line 1243 you will find:
position: 'top', //top or bottom
change the position to bottom, Then clear your browser cache and any cache plugin.
Then add this css to your Quick CSS:

.avia-tooltip .avia-arrow-wrap {
    bottom: 45px !important;
}
.avia-tooltip .avia-arrow {
    top: 15px !important;
}

Now to change the text color and the background color adjust this css to suit:

.avia-tooltip {
    background: red;
    color: #000;
}
.avia-tooltip .avia-arrow {
	background-color: red;
}

this makes the font black and the background red

Best regards,
Mike