By acvmultimedia on Monday, 12 September 2022
Replies 7
Likes 0
Views 692
Votes 0
Hola,

Hay alguna manera de asignar un color de fondo por categoría, es decir, el color que coge por categoría en el borde izquierdo e inferior se le podría asignar automáticamente al fondo de ese evento?

Muchas gracias
Yes - when you edit a category in JEvents select the 'Options' tab

ksnip_20220919-152159.png
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes but that color is only for the border, I want to put the color to all the box of the event
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
acvmultimedia para eso tendrías que hacer un pequeño override de la vista que te permitiera incluir el código CSS para que se use el color en el background también.
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hola Carlos,

Pero para que cada categoría tenga su propio color, como tendría que hacer el override?
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hola acvmultimedia ,
ahora que caigo, tenemos el editor de vistas personalizadas y quizá se pueda usar para evitar tener que hacer el override ¿esto es sólo para la lista de eventos o también para la vista de calendario?
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Es para la vista de calendario, donde salen con el borde de cada color y el fondo gris, que estas cajas sean cada una de su color respectivo
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Vale, entonces tienes que irte al editor de vistas personalidas y editar la celda del calendario mensual.

El código que hay por defecto es este:


<div class="eventfull">
<div class="eventstyle"
style="border-left-color:{{Event background color:COLOUR}};border-bottom-color:{{Event background color:COLOUR}};">
<span class="editlinktip hasjevtip" title="{{Tooltip title:TOOLTIPTITLE}}"
data-content="{{Tooltip content:TOOLTIPCONTENT}}">
<a class="cal_titlelink" href="{{Link:LINK}}">{{Event Time:EVTTIME}} {{Title:TITLE}}</a>
</span>
</div>
</div>


Pues tan sólo tienes que añadirle el estilo al enlace para que el fondo se coloree:


<div class="eventfull">
<div class="eventstyle"
style="border-left-color:{{Event background color:COLOUR}};border-bottom-color:{{Event background color:COLOUR}};">
<span class="editlinktip hasjevtip" title="{{Tooltip title:TOOLTIPTITLE}}"
data-content="{{Tooltip content:TOOLTIPCONTENT}}">
<a class="cal_titlelink" style="background-color: {{Color de fondo de evento:COLOUR}}" href="{{Link:LINK}}">{{Event Time:EVTTIME}} {{Title:TITLE}}</a>
</span>
</div>
</div>


Finalmente para que quede perfecto, haz scroll en el editor y en la zona de CSS personalizado, añade esto:


div.eventfull div{
padding: 0;
}

.cal_titlelink{
margin: 0!important;
}


Con eso debería quedarte lo que buscas.
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post