Hello,

I'm afraid you cannot have it that far left within more complicated template overrides. You can have it between the icon and the body by using:

.jeventslatest .jeviconnotdate

{

 border-width: 0px 0px 0px 3px !important; 

 padding-left: 10px; 

}

Many thanks
Tony

hello it work thanks you very much. L have a problem : when l choose to publich a event in relation with two categorie l have just one color barre for a event .how make in place a view of two barre color for event with releated two categorie ?

At the moment we only support a single colour bar using this method.

You could include a wider range or category based class names in your custom layout and use CSS to specify an image or colour to show for each of these. Would a series of category images work for you?

Hello and thinks for your help. L would link if is possible test a series of category images and also use CSS to specify an color to show for each of categorie and choose after
thanks you very much

Using the layout editor you can use

{{Category Images:CATEGORYIMGS}}

for a series of images and

{{All categories:ALLCATEGORIES}}

for category links (which you should be able to style using CSS)

hello and thanks for your help. L have sucess make in place images of categories with code {{Images de catégorie:CATEGORYIMGS}} in icalevent.detail_body, but picture is so big how resize it ?

For be more clear in frontview module tabs news : is possible to have this images category diretly is view module in position right (it have more space for little pictutes

of more l try to make in place a color font in view details reletead to color categorie but it don't work.
YOu confirm me is not possible have colors categorie in module tabs (not in view details of events)

Hello,

you would have to re-size it before uploading it and if it needs to be X size. Then you can refine it further with CSS. Wrap it in a div say:

<div class="cat_img">{{Category Images:CATEGORYIMGS}}</div>

using this CSS:

.cat_img img {

width: 45px;

height: auto;

}

Many thanks
Tony

thanks you very much it work (resize picture).
for my other question you have solution ?

For be more clear in frontview module tabs news : is possible to have this images category diretly is view module in position right (it have more space for little pictutes

of more l try to make in place a color font in view details reletead to color categorie but it don't work.


YOu confirm me is not possible have colors categorie in module tabs (not in view details of eventsbut in view module)

To put the images on the right

Change:

.odp_latest_img {

    float: left;

to:

.odp_latest_img {

    float: right;

thanks you very much . yes it work but l want add images of categorie in right position in module tab and not move the image of event on right.
l want make image of event on left (that your code do) and add new code for make imagew categorie on right in view modules

screenshot explain :

http://awesomescreenshot.com/075674n0da

So try CSS:

.cat_img {float:right !important;}

hello thanks for your help. it work but l want the picture appear in the module tabs : l want make images categorie in module tabs main page is possible ?
http://awesomescreenshot.com/05a676738a

Include {{CATEGORYIMGS}} in the custom format string for those modules

sorry but l don't understand when l must past the code (in css custom menu jevents ? , if yes, but where exacly , which in suffix ?
l note the suffix class of modules tabs is ;"odp_latestactivities". again sorry

So to confirm, it works as expected now. But you want to make the category image also link to the event details? Is that correct?

Many thanks
Tony

l m sorry but l want the picture appear in the module tabs : l want make images categorie in module tabs main page
http://awesomescreenshot.com/05a676738a

http://www.youtube.com/watch?v=k2uOQEwTQrg (video explain with sound sorry for the bad quality)

Include {{CATEGORYIMGS}} in the custom format string for those modules

When you edit the separate modules within the tabs you must add this to the custom format string.

thanks you so much it work ! but code is
${CATEGORYIMGS}


how resize it please (l search but l don't find the exact code in css editor to rezize the image categorie in this view
thanks you so much

Wrap it in a tag e.g.

<div class="modulecategoryimages">${CATEGORYIMGS} </div>

Then you can style using

.modulecategoryimages img {
....
}

thanks you very much it work ! l have two little problem (make a few space after title and place arrow in good place)

http://awesomescreenshot.com/00d67b796e