Sunday, 27 May 2018
  2 Replies
  800 Visits
0
Votes
Undo
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.
Monday, 28 May 2018 04:42
·
#202626
0
Votes
Undo
After a little more research and a lot of experimenting, I have it resolved.

In the JEvents Control Panel, click "Custom CSS".

Then add the following CSS Rule to the bottom of the file:

#jevents_body .month_cell_st
{
border-width: 0px 0px 2px 5px !important; /* top right bottom left */
border-style: solid !important;
}

The results can be seen at: http://hendersonvillencvisitors.com/events
Tuesday, 29 May 2018 10:22
·
#202645
0
Votes
Undo
Great to hear, sorry we couldn't get to you quicker!

JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!

  • Page :
  • 1
There are no replies made for this post yet.