-
AuthorPosts
-
February 20, 2017 at 12:38 pm #749283
Hi, I can’t seem to find a way to centre the text that is in the progress bar.
I have tried adding some CSS, but I didn’t find the right code.
Do you have an advice for me?
Thanks !
February 20, 2017 at 4:12 pm #749429Hey pberquet,
I don’t think it would look good also to center it, and it can’t be done automatically, the code would look something like this:
.avia-progress-bar .progressbar-title-wrap { left: 50%; margin-left: -100px; }you would notice the margin-left value is negative and half the width of a particular progress bar. Can you provide a link to the page so we can give you the css code that would center it.
Best regards,
NikkoFebruary 20, 2017 at 4:17 pm #749440Here is the link to the page.
Yes I would actually prefer if all the titles were centred (not aligned left in the middle)
Thanks a lot !!
February 20, 2017 at 10:36 pm #749637Hi,
Try adding this css code after the code I gave you. :)
.page-id-4075 .avia-builder-el-16 > .avia-progress-bar:first-child .progressbar-title-wrap { margin-left: -101px; } .page-id-4075 .avia-builder-el-16 > .avia-progress-bar:nth-child(2) .progressbar-title-wrap { margin-left: -76px; } .page-id-4075 .avia-builder-el-16 > .avia-progress-bar:nth-child(3) .progressbar-title-wrap { margin-left: -108px; } .page-id-4075 .avia-builder-el-16 > .avia-progress-bar:nth-child(4) .progressbar-title-wrap { margin-left: -144px; } .page-id-4075 .avia-builder-el-16 > .avia-progress-bar:nth-child(5) .progressbar-title-wrap { margin-left: -144px; }Best regards,
NikkoFebruary 21, 2017 at 10:34 am #749856Great !! Thanks again !
February 22, 2017 at 6:54 am #750264 -
AuthorPosts
- You must be logged in to reply to this topic.
