graph styling in instructor widget

[MeesterGijs]

How can I change the color of the graph? Not just the dots and the lines, also the complete areas? screenshot

[logan]

hi, paste this code in your custom css. div#vibe-tabs-student-graphs div#tab-quizes circle {fill: #501088 !important;} div#vibe-tabs-student-graphs div#tab-quizes path[fill="#5bc875"]{ fill: #ff0000 !important;} refer: http://prntscr.com/lhpdgc happy coding :)

[MeesterGijs]

Unfortunately, the code didn't work. Only the dots changed colour. Could you have a look in my custom css?

[logan]

hey, i have pasted this code in your custom css : refer: http://prntscr.com/li7jp8

div#vibe-tabs-student-graphs div#tab-quizes circle {fill: #501088 !important;}

div#vibe-tabs-student-graphs path[stroke="#27c24c"]{ fill: #ff0000 !important;}

and effects could be seen here: http://prntscr.com/li7kdb please check the changes and lemme know it is working or not.

[MeesterGijs]

I did see the changed colors now. But when I change those numbers to my colors it goes back to normal. So weird.  Underneath is what I want. Could you put it in custom css please? /* PROFIELPAGINA voortgangsgrafiek */ div#vibe-tabs-student-graphs div#tab-quizes circle {fill: #3f3f3f !important;} div#vibe-tabs-student-graphs path[stroke="#3f3f3f"]{ fill: #88deb4 !important;}

[logan]

Hey #meestergijs, haha, i got the problem. please refer: http://prntscr.com/li9eto don't change this attribute. this is a class that selects only that particular path to fill the color. div#vibe-tabs-student-graphs div#tab-quizes circle {fill: #3f3f3f !important;} div#vibe-tabs-student-graphs path[stroke="#27c24c"]{ fill: #88deb4 !important;} i am pasting this css in your customizer. hope this time it will do according to your desires. Refer: http://prntscr.com/li9j07 kind regards. :)

[MeesterGijs]

Almost, my dear friend. The line between the dots should also be #3f3f3f. Thank you :D

[logan]

Hey, Please goto wp-admin > appearance > customize > custom css > paste this code in the editor. div#vibe-tabs-student-graphs path {stroke: #3f3f3f !important;} Refer:http://prntscr.com/likv36 Happy coding.  

[MeesterGijs]

I'm sorry, Logan. But it just doesn't work. After giving it a few tries I even get a database connection error. That happened everythim when I tried to work with this graphs path. Weird. What would be the complete code? Because Sometimes I see [stroke="#27c24c"] than it's [stroke=#27c24c !important] so without " and ". Than it's between {} other times between []. I just don't understand. Let's say I want the line, the dots and the filling to be #88deb4. What is the complete code?

[logan]

you just need to add these codes at the bottom off custom css. div#vibe-tabs-student-graphs path {stroke: #3f3f3f !important;} this thing does not have any []. it doesn't manipulate others codes. and lemme tell you one thing,

[] this thing is used to select a particular class to add css i have told you already in previous replies.

**note: css is used for styling the html. it does not have any connection with database. if your'e having any issue of the database that must be coming from somewhere else. just paste these codes in your custom css. this time. div#vibe-tabs-student-graphs div#tab-quizes circle {fill: #3f3f3f !important;} div#vibe-tabs-student-graphs path[stroke="#27c24c"]{ fill: #3f3f3f  !important;} div#vibe-tabs-student-graphs path {stroke: #3f3f3f !important;} Refer:http://prntscr.com/lim5n9

[MeesterGijs]

Yes, it finally worked. Thank you. By using that bigger font it feels as if you are shouting at me. I hope not. I don't want to trigger a nerve. I just want to work hard, learn everything I can from you geniuses and keep pushing the envelope. So thanks again. We can finally close this topic, or better yet: chapter :)

[logan]

Hey MeesterGijs, hahah buddy you are truly amazing trust me. i was not shouting actually. my intention was to seek your attention behind bigger fonts because you missed the point earlier. you are the reason i love my work. you do great with codes. keep learning, keep coding :) Kind regards my friend.

[Author]

Posts