Tagged: alignment, team member
On the following page:
http://www.jabble.jp/teacher-staff-introduction/
I entered the following CSS to center the information:
.page-id-1195 h3.team-member-name {
text-align: center;
}
.page-id-1195 div.team-member-job-title {
text-align: center;
}
.page-id-1195 div.team-member-description {
text-align: center;
}
In a mobile browser, the information is centered correctly, but on a PC browser it’s not. Any idea why?
Thank you.
Kelly
Hi jabbler!
Thank you for contacting us.
Please add the following and let us know if it works for you
body .container_wrap .avia-builder-el-no-sibling { text-align: center !important; }
Thanks a lot
Best regards,
Basilis
Didn’t work unfortunately.
Any advice?
Thank you!
Kelly
Hi Kelly,
The css rule provided by Basilis should work. Depends on where you put it though or wether the cache has been flushed.
I put this line in your enfold child css file on Chrome console and it worked fine, no need even for the !improtant;
Please try again and Let us know if it worked for you.
Best regards,
Victoria
It seems to have worked after flushing both the plugin cache and browsing cache!
Thank you so much for your help again and I apologize for giving you extra work.
Kelly