In a monthly calendar, the colored vertical bar on the left side of each cell is created by a border-left property. By default, I am getting a bar that is 3px wide.
I am wanting to increase the width of that bar but I have been unable to determine what change to make.
The Firefox inspector shows:
element {
border-bottom: 1px solid #ff00cc;
border-left: <strong>3px</strong> solid #ff00cc;
color: #fff;
width: 100%;
}
It is an inline element and, to my surprise, I cannot find the code anywhere in any of the CSS files.
If I change the 3px to 8px in the Firefox Inspector, I get the desired results. I do know of one website that has a wider border of 8px.
Can anyone help? TIA.
I am wanting to increase the width of that bar but I have been unable to determine what change to make.
The Firefox inspector shows:
element {
border-bottom: 1px solid #ff00cc;
border-left: <strong>3px</strong> solid #ff00cc;
color: #fff;
width: 100%;
}
It is an inline element and, to my surprise, I cannot find the code anywhere in any of the CSS files.
If I change the 3px to 8px in the Firefox Inspector, I get the desired results. I do know of one website that has a wider border of 8px.
Can anyone help? TIA.