-
Posts
-
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,
RikardThanks!
Your first suggestion made it worse – pushed the text more to the right.
But your second suggestion worked. Now that I understand the problem better, I’ll decide what I want to do. The owner of the site may not want to use those blocks anyway.
Thank you for solving it, and I’m thinking it has to do with the fact I used a “WP reduced” version of the image. I don’t like to do that. It used to be I/we would always size the image to exactly how we wanted it to display. But I guess those says are gone.
I’m leaving for over two weeks vacation in a few hours without the computer I’d need to work on this. So I’ll pick up where we left off when I get back.
Barb
- You must be logged in to reply to this topic.