You are here: Home Support Forums Contribute to JEvents JEvents Translations (Free Access) Language Pack (German) not working in Joomla 3.9
Recent
Categories
Tags
You need to be logged in to view a user's profile.
View Replies (2)

Resolved How to coding CSS in jEvents plugin to support change text color of Saturday and Sunday day to red text?

0
Votes
Undo
  1. doanga2007
    doanga2007
  2. JEvents 3.4 (Free Access)
  3. Wednesday, 06 July 2022
How to coding CSS in jEvents plugin to support change text color of Saturday and Sunday day to red text (change 4-5 , 11-12 , 18-19 and 25-26 to red text) ?

Example of real mini-calendar jEvents image link.

Becuase CSS coding to example.



.saturday > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.saturday > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}



.sunday > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.sunday > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}


but cannot to change text color of Saturday and Sunday day to red text (change 4-5 , 11-12 , 18-19 and 25-26 to red text).

Full sample code.



<!DOCTYPE html>

<html>

<head>

<style>

table, th, td {

  border: 1px solid black;

}



.mod_events_td_daywithevents > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.mod_events_td_daywithevents > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}



.saturday > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.saturday > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}



.sunday > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.sunday > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}



</style>

</head>

<body>



<table style="width:250px;height:;" align="center" class="mod_events_table" cellspacing="0" cellpadding="2">

<tbody><tr class="mod_events_dayname">

<td class="mod_events_td_dayname"><span class="sunday">S</span></td>

<td class="mod_events_td_dayname">M</td>

<td class="mod_events_td_dayname">T</td>

<td class="mod_events_td_dayname">W</td>

<td class="mod_events_td_dayname">T</td>

<td class="mod_events_td_dayname">F</td>

<td class="mod_events_td_dayname"><span class="saturday">S</span></td>

</tr>

<tr>

<td class="mod_events_td_dayoutofmonth">29</td>

<td class="mod_events_td_dayoutofmonth">30</td>

<td class="mod_events_td_dayoutofmonth">31</td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/01/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">1</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/02/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">2</a></td>

<td class="mod_events_td_daywithevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/03/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">3</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/04/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">4</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/05/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">5</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/06/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">6</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/07/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">7</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/08/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">8</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/09/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">9</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/10/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">10</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/11/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">11</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/12/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">12</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/13/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">13</a></td>

<td class="mod_events_td_todaynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/14/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">14</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/15/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">15</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/16/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">16</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/17/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">17</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/18/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">18</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/19/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">19</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/20/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">20</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/21/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">21</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/22/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">22</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/23/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">23</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/24/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">24</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/25/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">25</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/26/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">26</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/27/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">27</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/28/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">28</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/29/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">29</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/30/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">30</a></td>

<td class="mod_events_td_dayoutofmonth">1</td>

<td class="mod_events_td_dayoutofmonth">2</td>

</tr>

</tbody></table>



</body>

</html>


Output of sample code image link.

I have coded CSS in jEvents plugin to support change text color of Saturday and Sunday day to red text with imagination link.
Events sorted by Date
Show only todays events in day view and continuous...
Accepted Answer
doanga2007
doanga2007
Accepted Answer Pending Moderation
0
Votes
Undo
If you give us the URL where you have this implemented we may be able to help in your specific situation


Thanks you very much for introduce , I share how to coding CSS in jEvents plugin to support change text color of Saturday and Sunday day to red text.

Code credit link.

1. Login to Joomla Administrator and access to components/com_jevents/views/alternative/assets/css/modstyle.css path with Phoca Commander

2. Add CSS code to example.



tr :is(td:first-child, td:last-child) a.mod_events_daylink {

    color: red;

    font-weight: 900;

}


3. Have support change text color of Saturday and Sunday day to red text.

Full sample code.



<!DOCTYPE html>

<html>

<head>

<style>

table, th, td {

  border: 1px solid black;

}



.mod_events_td_daywithevents > a.mod_events_daylink:link {

    color: red;

    font-weight: 900;

}



.mod_events_td_daywithevents > a.mod_events_daylink:visited {

    color: red;

    font-weight: 900;

}



tr :is(td:first-child, td:last-child) a.mod_events_daylink {

    color: red;

    font-weight: 900;

}



</style>

</head>

<body>



<table style="width:250px;height:;" align="center" class="mod_events_table" cellspacing="0" cellpadding="2">

<tbody><tr class="mod_events_dayname">

<td class="mod_events_td_dayname"><span class="sunday">S</span></td>

<td class="mod_events_td_dayname">M</td>

<td class="mod_events_td_dayname">T</td>

<td class="mod_events_td_dayname">W</td>

<td class="mod_events_td_dayname">T</td>

<td class="mod_events_td_dayname">F</td>

<td class="mod_events_td_dayname"><span class="saturday">S</span></td>

</tr>

<tr>

<td class="mod_events_td_dayoutofmonth">29</td>

<td class="mod_events_td_dayoutofmonth">30</td>

<td class="mod_events_td_dayoutofmonth">31</td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/01/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">1</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/02/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">2</a></td>

<td class="mod_events_td_daywithevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/03/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">3</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/04/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">4</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/05/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">5</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/06/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">6</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/07/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">7</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/08/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">8</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/09/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">9</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/10/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">10</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/11/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">11</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/12/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">12</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/13/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">13</a></td>

<td class="mod_events_td_todaynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/14/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">14</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/15/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">15</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/16/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">16</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/17/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">17</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/18/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">18</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/19/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">19</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/20/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">20</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/21/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">21</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/22/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">22</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/23/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">23</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/24/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">24</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/25/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">25</a></td>

</tr>

<tr>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/26/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">26</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/27/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">27</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/28/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">28</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/29/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">29</a></td>

<td class="mod_events_td_daynoevents">

<a href="/http://index.php/component/jevents/day.listevents/2022/06/30/-?Itemid=1" class="mod_events_daylink" title="Go to calendar - current day">30</a></td>

<td class="mod_events_td_dayoutofmonth">1</td>

<td class="mod_events_td_dayoutofmonth">2</td>

</tr>

</tbody></table>



</body>

</html>
  1. more than a month ago
  2. JEvents 3.4 (Free Access)
  3. # Permalink
Responses (2)
geraint
geraint
Support Team
Accepted Answer Pending Moderation
1
Votes
Undo
If you give us the URL where you have this implemented we may be able to help in your specific situation
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!
  1. more than a month ago
  2. JEvents 3.4 (Free Access)
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

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.

Login Form