Home Web Development Jevents for Joomla!- Change the red line color in latest events module

Jevents for Joomla!- Change the red line color in latest events module


I just installed the Jevents 1.5.2 component and “latest events” module in a Joomla! account and noticed that when you have more than one event loaded up, the two events are separated by a thin, red line.  As if that wasn’t bad enough, the thin line runs over the border on the left and sticks out obviously.

If you want to change the red line, you will have to edit the CSS file.  That file is located here: /components/com_jevents/views/default/assets/css/modstyle.css

Search the css file for:

And edit the line:
border-top: solid 1px red;

Remember, you can use regular color names like blue or black, but you can also use the HEX HTML color codes as well, like this lovely brown: #A8804D

(hint: To get a color match for your website easily without dealing with HTML code, simply do a PRINT SCREEN of your website, then bring up your favorite photo editor (like Photoshop) and paste the print screen into a new image. Open the Color Chooser eyedropper and click on the color on your site you want to get the code for.  Copy/Paste the code from the Chooser into the CSS file for Jevents and you’re finished.)


  1. THANK YOU!! I’ve been trying to find the answer to this problem for weeks. That horrible red line clashed with my oranges and browns. The color match using the eyedropper was also inspired… Bless you!

  2. Great post, thanks.

    Another way of finding the colours of your site -if you’re using firefox- is to download the colorzilla extension, which finds the colour that you’re hovering over and displays it at the bottom of the browser window.

  3. Use HTML color picker if you need to choose from an almost infinite variety of colors. Also, if you like a color scheme of a web page view Tip142 for a fantastic tool that can be used to gather that page’s color codes.


Please enter your comment!
Please enter your name here