Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Changing the color of gridlines in the vanilla theme from light grey > white?

  • kathryncarpenter
  • kathryncarpenter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 years 11 months ago #198988 by kathryncarpenter
I'm using limesurvey Version 3.22.12

I'm adding to the custom.css in the vanilla theme.

I have managed to turn the answer selection circles from light grey to black using the custom.css and entering which seems to wok well:

.radio label::before {
border: 1px solid black;
}

.checkbox label::before {
border: 1px solid black;
}

Now I am trying to turn change the grid that is separating columns and rows in the array from light grey to white. I cannot find what I need to add to this. Anyone know how I can achieve this?

Many thanks,
Kathryn
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 11 months ago #198994 by Joffm
You may try
Code:
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 2px solid red;
}



The red only to show.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • kathryncarpenter
  • kathryncarpenter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 years 11 months ago #199028 by kathryncarpenter
Thank you so much, Joffm.

I have added the code to the custom.css, but have come across one last small problem. The top line of the table is still grey.

I added the code:
Code:
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 2px solid red;
}
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 11 months ago #199029 by Joffm
Add a

.table-bordered,

to it.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • kathryncarpenter
  • kathryncarpenter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 years 11 months ago #199030 by kathryncarpenter
Works perfectly now, thank you!
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose