Classroutine Styling - Question | JoomShaper

Classroutine Styling

CL

[email protected] Oncypruscom Ltd

SP Page Builder 1 week ago

Dear Team Hi,

I am using Yoga template with Classroutine addon in it. I need each day of week to have their own color (or text, or background). Otherwords Monday cloumn=color1, Tuesday column=color2, wedsnday column=color3, etc. I can not to find what and where I have to create, what class to add.

Thank you, Michelle

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago

Hi

Do you want it like this?

https://prnt.sc/M2u9sBNY061u

Then you have to use this custom CSS

#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(1){
  background-color:#109dc2;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(1){
  background-color:#58c5e2;
}
#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(2){
  background-color:#7918f2;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(2){
  background-color:#764aff;
}
#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(3){
  background-color:#dc3545;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(3){
  background-color:#ff5757;
}
#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(4){
  background-color:#198754;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(4){
  background-color:#23cf5f;
}
#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(5){
  background-color:#f1c512;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(5){
  background-color:#ffd012;
}
#sppb-addon-1491976355541 .sppb-addon-class-routines .table-bordered > thead > tr > th:nth-child(6){
  background-color:#c26110;
}

.sppb-addon-class-routines .table-bordered tbody tr > td:nth-child(6){
  background-color: #c57212;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago

Hi

Thanks for contacting us. You can do it via custom CSS. Could you please give me a screenshot of that portion?

-Regards.

0
CL
[email protected] Oncypruscom Ltd
Accepted Answer
1 week ago
0
CL
[email protected] Oncypruscom Ltd
Accepted Answer
1 week ago

Dear Hi,

Thank you!!! This is exactly what I needed. Regards, Michelle

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago

Glad to know that:) You are always welcome!

It would be very kind of you if you can manage some moment to give us feedback here:

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/www.joomshaper.com

Please let me know your name on the review. Thanks for being with us :)

0