By Guest on Saturday, 26 November 2016
Replies 14
Likes 0
Views 1.2K
Votes 0
hello l want change the size of picture in module JEvents - Latest Events Module. because is so big .
How do it please ?
Thanks you very much for your help

http://awesomescreenshot.com/0a066vvmf4
Hello,

Why not wrap the image tag in a div and set a max size on the div with some css?

Many thanks
Tony
·
Saturday, 26 November 2016 21:55
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks you very much for your return can you give me the syntaxe of code please ,l m affraid to take error
·
Sunday, 27 November 2016 01:21
·
0 Likes
·
0 Votes
·
0 Comments
·
You are setting that width in the jevents custom css file (jevcustom.css) at line 13

.odp_latest_img img {
max-height: none;
max-width: none;
width: 160px;
}

set the width to something smaller e.g. 100px
·
Sunday, 27 November 2016 12:56
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks you vey much what is the path of this file (sorry l prefer have sure for no make error)
·
Sunday, 27 November 2016 15:25
·
0 Likes
·
0 Votes
·
0 Comments
·
The file is edited in the JEvents Amin panel so in:

JEvents Admin Control Panel -> Custom CSS

Many thanks
Tony
·
Monday, 28 November 2016 09:23
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks you very much . If l understand if l want personnalize jevents (all module, all calendar , etc ...l must add code css in Control Panel -> Custom CSS ?
·
Monday, 28 November 2016 09:54
·
0 Likes
·
0 Votes
·
0 Comments
·
l want again change size of image of module "Agenda du quartier" in pĂ´sition7 :


FRONT VIEW
http://awesomescreenshot.com/04e66wk8e9
BACK VIEW :
http://awesomescreenshot.com/02066wkl35
and the ccs link is

<a href="${eventDetailLink}" target="_self" style="float:left;margin:0px 3px 3px 0px;${JEV_LIST_THUMBNAIL_1##display:none;}">${CB_AVATAR}</a>
<span class="bold">Titre : </span>${title}
<span class="bold">Catégorie : </span>${CATEGORY}
<span class="icon-calendar"></span>${startDate(%A %d %b %Y)}<br/><span class="icon-time"></span>${startDate(%H:%M)} - ${endDate(%H:%M)}
<span class="icon-globe"></span>${LOCATION}


if understand ${CB_AVATAR} is the picture lwant rezise

thanks for your help
·
Monday, 28 November 2016 10:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Add this to the jevents custom css file

.mod_events_latest_first .rsvpavatar, .mod_events_latest .rsvpavatar {
margin-bottom: 50px;
width: 100px;
}

The jevents custom css file is a convenient place to put your custom CSS related to JEvents.
·
Monday, 28 November 2016 10:52
·
0 Likes
·
0 Votes
·
0 Comments
·
THANKS YOU IT WORKS l just want delete space between picture and texte and add little picture cb_calendar and little picture image of event in module jevents last new ...l explain it here :

http://awesomescreenshot.com/09566wqffa

http://awesomescreenshot.com/0c066wmof1
·
Monday, 28 November 2016 11:09
·
0 Likes
·
0 Votes
·
0 Comments
·
I would recommend you buy a book on CSS - e.g. http://shop.oreilly.com/product/9780596159924.do

Using basic CSS and the inspector tools in Firefox of Chrome this is fairly straightforward to do. Also see https://www.jevents.net/docs/jevents/item/customisations-with-css

If you are unable to find the change you need let us know so we can advise you
·
Monday, 28 November 2016 12:49
·
0 Likes
·
0 Votes
·
0 Comments
·
ok l try to worksolo and if l block l send you helping . L just want how make in place overrride vue of modules jeevents for not lose work after upate please ?
·
Monday, 28 November 2016 14:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Applying CSS changes to JEvents you would apply in:

JEvents Control Panel -> Custom CSS

Many thanks
Tony
·
Monday, 28 November 2016 16:27
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post