On this page with 3 columns:
https://2p4twjkbl5.papa-view.com/services/
I can’t figure out why the text is off center, and a different amount in each column.
I have some code in Quick CSS but I don’t think that’s what’s affecting the text alignment.
it is because the padding of 1.5em on .av-image-caption-overlay-center is too big for those small images.
try:
#top .av-image-caption-overlay-center {
padding: .5em;
}
or in additon: bring those image to grow:
.avia-image-container.avia-align-center .avia-image-container-inner,
.avia-image-overlay-wrap a.avia_image img {
width: 100% !important;
}
Hi,
Thanks for helping out @guenni007. Did you try that out and did you have any luck with it @bbarasa?
Best regards,
Rikard