New

change position barre of color in jevents last news

JEvents (Free Access)

chegm267

Monday, 28 November 2016

21 Replies

2.7K Visits

Votes

Undo

hello and thanks foryour help. l make in place your code
.eventstyle {
border-width: 0px 0px 2px 5px !important;
border-style: solid !important;
}

in module last event news (l understand how apply it solo without help !!!)

to have color categorie in module . However l want the color appear in left (no right) in module jevent last news in top

http://awesomescreenshot.com/03d66x7oeb

tonyp

Tuesday, 29 November 2016 09:27

#179409

Votes

Undo

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

chegm267

Saturday, 03 December 2016 00:52

#179624

Votes

Undo

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 ?

geraint

Saturday, 03 December 2016 13:10

#179646

Votes

Undo

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?

chegm267

Sunday, 04 December 2016 00:02

#179655

Votes

Undo

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

geraint

Sunday, 04 December 2016 11:07

#179661

Votes

Undo

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)

chegm267

Sunday, 04 December 2016 16:04

#179670

Votes

Undo

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)

tonyp

Monday, 05 December 2016 10:54

#179707

Votes

Undo

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

chegm267

Tuesday, 06 December 2016 00:01

#179745

Votes

Undo

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)

tonyp

Tuesday, 06 December 2016 14:32

#179778

Votes

Undo

To put the images on the right

Change:



.odp_latest_img {

    float: left;

to:



.odp_latest_img {

    float: right;

chegm267

Tuesday, 06 December 2016 15:50

#179794

Votes

Undo

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

tonyp

Wednesday, 07 December 2016 10:56

#179855

Votes

Undo

So try CSS:



.cat_img {float:right !important;}

chegm267

Thursday, 08 December 2016 00:19

#179900

Votes

Undo

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

geraint

Thursday, 08 December 2016 09:30

#179921

Votes

Undo

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

chegm267

Thursday, 08 December 2016 10:28

#179926

Votes

Undo

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

tonyp

Thursday, 08 December 2016 21:51

#179985

Votes

Undo

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

chegm267

Thursday, 08 December 2016 22:44

#180004

Votes

Undo

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)

geraint

Friday, 09 December 2016 09:10

#180018

Votes

Undo

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.

chegm267

Friday, 09 December 2016 09:53

#180024

Votes

Undo

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

geraint

Monday, 12 December 2016 11:19

#180109

Votes

Undo

Wrap it in a tag e.g.



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

Then you can style using

.modulecategoryimages img {
....
}

chegm267

Tuesday, 13 December 2016 22:29

#180242

Votes

Undo

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

Page :
1
2

There are no replies made for this post yet.

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »