Saturday, 26 November 2016
  14 Replies
  1.4K Visits
0
Votes
Undo
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
Saturday, 26 November 2016 21:55
·
#179293
0
Votes
Undo
Hello,

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

Many thanks
Tony
Sunday, 27 November 2016 01:21
·
#179295
0
Votes
Undo
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 12:56
·
#179311
0
Votes
Undo
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 15:25
·
#179322
0
Votes
Undo
thanks you vey much what is the path of this file (sorry l prefer have sure for no make error)
Monday, 28 November 2016 09:23
·
#179344
0
Votes
Undo
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:54
·
#179352
0
Votes
Undo
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 10:22
·
#179356
0
Votes
Undo
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:52
·
#179362
0
Votes
Undo
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 11:09
·
#179365
0
Votes
Undo
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 12:49
·
#179373
0
Votes
Undo
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 14:51
·
#179383
0
Votes
Undo
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 16:27
·
#179387
0
Votes
Undo
Applying CSS changes to JEvents you would apply in:

JEvents Control Panel -> Custom CSS

Many thanks
Tony
  • Page :
  • 1
There are no replies made for this post yet.