How to change assignment info Position CSS

[jksadmgi]

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

[Diana]

@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.

[jksadmgi]

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

[Diana]

@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

[jksadmgi]

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

[Diana]

@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.

[Diana]

@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