Tagged: tab section
Hi, I’m setting up new Tab section, but it looks that images are aligned left. I’m not able to center them above title (I have increased title size and block width). It looks OK when using icons.
Any easy solution?
Please check: http://imgur.com/a/RnE8j
Thanks.
Hi Tomitos,
I have pretty much the same problem (see ticket #765399). In Preview mode it is okay, but in published mode, the images are aligned to the left. The same for you?
Paul
Hey!
@tomitos Can you please post a link to your page where we can see the issue?
@uplearning Replied to your thread. Let us continue there :)
Best regards,
Yigit
Hi,
@uplearning – for me, even in preview images are align left.
@yigit – it’s still on local, but I will upload it to server soon.
It’s happening the same on Enfold 2017 home page, when I play with css inside my browser.
Try to resize tab title size as below, all images are now aligned left, since single tab is now wider than 90px
– http://kriesi.at/themes/enfold-2017/
.av-inner-tab-title {
font-size: 53px;
}
Hi tomitos,
Can you please specify on which window width you get the left-alignment in Enfold 2017, I was not able to reproduce the error.
Best regards,
Victoria
Hi Victoria
In any (currently 1920 px), just enlarge title font size:
.av-inner-tab-title {
font-size: 33px;
}
I get simmilar result:
Hi,
Here is the css that can fix this:
.av-section-tab-title.av-tab-no-icon.av-tab-with-image.noHover img {
margin: 0 auto;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
it works. Thnaks !
Regards,
Tomaz