Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 !

    #749429

    Hey 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,
    Nikko

    #749440

    Here 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 !!

    #749637

    Hi,

    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,
    Nikko

    #749856

    Great !! Thanks again !

    #750264

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.