How to change assignment info Position CSS

Last updated on by

Home › Forums › Legacy Support › Support queries › How-to & Troubleshooting › How to change assignment info Position CSS

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 5, 2018 at 3:13 pm #152351
    jksadmgi
    Spectator
    Hello guys, I'd like to know how to change the assignment information position using css. Please, look at the prints to understand... This is how it is: http://prntscr.com/j1ally This is what I want: https://prnt.sc/j1awzi
    April 6, 2018 at 9:30 am #152421
    Diana
    Participant
    @jksadmgi, But it is already there where you want to display on the course status page: http://prntscr.com/j1na0x Let me know if I misunderstood this.
    April 6, 2018 at 12:22 pm #152456
    jksadmgi
    Spectator
    Hello Diana, I think you didn't understand my question. I'll be clear. When the page "Course Status" is open the line "Marks" e "Duration" stay on the right of the page. and assignment stay on the left. so what I want is:  Assigment, Marks and Duration bellow of each item. I want all this items "Assignment, Marks and Duration on the left, bellow  of each others:" Like this: <span style="color: #4b4d4d; font-family: Lato; font-size: 14px;">https://prnt.sc/j1awzi</span> Assignment: Task of the day example Marks: 100 points example Duration: 2 weeks example I don't want separately
    April 7, 2018 at 5:04 am #152514
    Diana
    Participant
    @jksadmgi, Okay, Paste this custom css in the wp-admin > Appearance > customize > custom css .assignment_heading strong span:nth-child(1) { padding-top:30px !important; padding-right:350px !important; } .assignment_heading strong span:nth-child(2) { float:left !important; } Refer: http://prntscr.com/j21e6y
    April 7, 2018 at 12:35 pm #152560
    jksadmgi
    Spectator
    Hi, Diana, I'm still facing a problem... When the sidebar is opened, the items work fine. Take a look: http://prntscr.com/j24jbq   But when the sidebar is closed, get this error. Please, look at it: http://prntscr.com/j24jmo   What should I have to do? Thanks
    April 9, 2018 at 5:11 am #152613
    Diana
    Participant
    @jksadmgi, Actually, the dom of this content has no extra class. That's why while applying custom css it is not picking up the custom css properly. Still, Let me check it again.
    April 9, 2018 at 1:00 pm #152681
    Diana
    Participant
    @jksadmgi, Please remove the above css code and paste this one. This is working on my test setup This will only work for full screen(in Laptop) .assignment_heading strong span:nth-child(1) { padding-top:30px !important; padding-right:350px !important; } .assignment_heading strong span:nth-child(2) { float:left !important; padding-right:850px !important; } Refer: https://prnt.sc/j2vdnf
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change assignment info Position CSS’ is closed to new replies.