align text to the left

Home Forums Legacy Support Support queries Styling issues align text to the left

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #235863
    MeesterGijs
    Spectator
    Hello, After completing a course you see this text. How do I align it so that it's aligned just like the green and yellow bar above the text? url course: https://meestergijs.nl/item/what-which/ Thanks in advance, Gijs
    #235898
    Veronica
    Moderator
    hi @Gijs, you can use this css: .course_finish p{ padding-left:26px !important; } .course_finish .message.updated p{ padding-left:0px !important; }
    check:http://prntscr.com/q6flxn
    #235942
    MeesterGijs
    Spectator
    I didn't work. I already have this code. Does that interfere? .course section#content div#item-body .course_finish p, .course section#content div#item-body .course_finish div#respond form#commentform label{font-size: 16px !important; font-weight: 500 !important; margin-left:23px !important;}
    #236006
    Veronica
    Moderator
    i am sharing a video with you please have a look:http://somup.com/cql1ibfvdT as you can see here that the changes are made after i have added the code. so the above css provide by you is not conflicting with css given by me. if it's conflicting with the above one so no changes will reflect in the video. so maybe there is cache issue.
    #236007
    Veronica
    Moderator
    i am sharing a video with you please have a look:http://somup.com/cql1ibfvdT as you can see here that the changes are made after i have added the code. so the above css provide by you is not conflicting with css given by me. if it's conflicting with the above one so no changes will reflect in the video. so maybe there is cache issue.
    #236197
    MeesterGijs
    Spectator
    Ah, I see. I wasn't clear. I want the celebration text to align with the yellow and green bars. Not the text inside the bars. I want it like this: https://imgur.com/a/XhVeKXb What code do I need to align this to the left side of the green and yellow bars? Adding a hyphen (-) didn't work.. I used this code to align the top text: CURSUS VOLTOOID .course section#content div#item-body .course_finish p,</span><br style="box-sizing: border-box; color: #4b4d4d; font-family: Lato; font-size: 14px;" /><span style="color: #4b4d4d; font-family: Lato; font-size: 14px;">.course section#content div#item-body .course_finish div#respond form#commentform label{font-size: 16px !important; font-weight: 500 !important; margin-left:23px !important;}  
    #236338
    Veronica
    Moderator
    i have tried to attempt this but there is no special class is available for the paragraph the same class is applied with the content of the bar in yellow color that's the reason align of text is result in align of the text within the yellow bar.
    #236623
    MeesterGijs
    Spectator
    THat's a pity. You can close this topic.
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘align text to the left’ is closed to new replies.