Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #8516

    niru2025
    Participant

    Hello

    I am trying to make progress bar text align right side.
    See this screenshot – https://ibb.co/jb7rvG

    I am new to css. I don’t know how to add code perfectly.

    But I tried this way on

    Wordpress -setting -intense – extra – CSS code

    .intense.progress-bar {

    text-align: right;

    background-color: #ffffff;

    }

    Not worked, then I tried with my own css class.

    .progressbar {

    text-align: right;

    background-color: #ffffff;

    }

    Then I inserted this shortcode

    [intense_progress animation_speed="3" class="progressbar"] [intense_progress_segment color="#0000ff" value="74" text="Final Score"][/intense_progress_segment] [/intense_progress]
    But not worked.

    Help me.

    Thank you

    #8523

    Intense Visions
    Keymaster

    Niranjan,

    Hello! Sorry you’ve been having trouble with some of the Intense shortcodes. You should be able to align the text to the right by adding the following CSS.

    .intense.progress-bar {
        text-align: right;
    }
    

    I checked the above CSS on the Progress demo page and it worked correctly. If it doesn’t work for you, maybe you need to add the !important attribute as well.

    .intense.progress-bar {
        text-align: right !important;
    }
    

    If these options don’t work, then there may be a theme style or something that is overriding the alignment. I would need to see an example page in order to tell you what to do.

    Thanks,

    Josh

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

You must be logged in to reply to this topic.