Sunday, 27 May 2018
  2 Replies
  798 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.

Members Area

Show your support

Unlike many Joomla calendars we do not charge to download JEvents - please show your support for this project by becoming a member of the JEvents Club Club members get access to early releases, exclusive member support forums, and Silver and Gold members can use many exciting JEvents addons

Your membership will ensure that JEvents continues to be the best events calendar for Joomla.