help to better help you:

Please: add always Joomla / JEM version and details to your posts, so we can try to reproduce your issue!

image size in module

image size in module

9 years 6 months ago
#18996
How do I get my image size bigger than it already is at my site at

Please Log in or Create an account to join the conversation.

Re: image size in module

9 years 6 months ago
#18997
hi Gmturner,

question: what module are you referring to?

Please Log in or Create an account to join the conversation.

Re: image size in module

9 years 6 months ago
#18998
Bluefox wrote: hi Gmturner,

question: what module are you referring to?

JEM - Module-Banner
I have an example on huntlyfc.co.uk

Please Log in or Create an account to join the conversation.

Re: image size in module

9 years 6 months ago - 9 years 6 months ago
#18999
did take a look and you're right think there is something not right.
The width is defined in mod_jem_banner.css and you can change that to what you want.

Location file: site/modules/mod_jem_banner/tmpl/mod_jem_banner.css
around line 127 you'll see:
Code:
div#jemmodulebanner .image-preview { width: 110px; border: 0px solid #CCCCCC; padding: 3px; background-color: white; margin: 2px; }

as you'll see there is a "width" in there and as the image has that class it's looking at it.
So you might want to change that to what you want or remove it.

for example you can disable the lines by using the * sign.
In the example below i'm disabling the margin + padding and am giving adjusting the width to 100%.
Furthermore there are 2 new lines related to the margin, this to center the image.
Code:
div#jemmodulebanner .image-preview { width: 100%; border: 0px solid #CCCCCC; /*padding: 3px;*/ background-color: white; /*margin: 2px;*/ }

One thing that can happen is that if you have a small image it will be placed on the right next to the calendar-image. But if they are big it's placed underneath the calendar so there is a bit more to change. Maybe someone else has ideas for that one or have to look at it at a later time.

as it are basicly flyers it might be better to add a styled button/link to the module that users can tick so they can view the file in big. or add the image as attachments to the event and add a call to the attached files in the module.

//
p.s.
am also seeing that you have a jquery conflict with the tooltip at the details of the event so would try to fix that one too as the description of the images (print/ical/mail) would be displayed then.
Last edit: 9 years 6 months ago by Bluefox.

Please Log in or Create an account to join the conversation.

Re: image size in module

9 years 6 months ago
#19000
Bluefox wrote: did take a look and you're right think there is something not right.
The width is defined in mod_jem_banner.css and you can change that to what you want.

Location file: site/modules/mod_jem_banner/tmpl/mod_jem_banner.css
around line 127 you'll see:
Code:
div#jemmodulebanner .image-preview { width: 110px; border: 0px solid #CCCCCC; padding: 3px; background-color: white; margin: 2px; }

as you'll see there is a "width" in there and as the image has that class it's looking at it.
So you might want to change that to what you want or remove it.

for example you can disable the lines by using the * sign.
In the example below i'm disabling the margin + padding and am giving adjusting the width to 100%.
Furthermore there are 2 new lines related to the margin, this to center the image.
Code:
div#jemmodulebanner .image-preview { width: 100%; border: 0px solid #CCCCCC; /*padding: 3px;*/ background-color: white; /*margin: 2px;*/ }

One thing that can happen is that if you have a small image it will be placed on the right next to the calendar-image. But if they are big it's placed underneath the calendar so there is a bit more to change. Maybe someone else has ideas for that one or have to look at it at a later time.

as it are basicly flyers it might be better to add a styled button/link to the module that users can tick so they can view the file in big. or add the image as attachments to the event and add a call to the attached files in the module.

//
p.s.
am also seeing that you have a jquery conflict with the tooltip at the details of the event so would try to fix that one too as the description of the images (print/ical/mail) would be displayed then.

Will adjust the width using the code you said, can I adjust the image height the same way?

Please Log in or Create an account to join the conversation.

Re: image size in module

9 years 6 months ago
#19003
you can also change the height by setting it to what you want:
See link for some info about settign height: www.w3schools.com/cssref/pr_dim_height.asp


About the tooltip issue:
Did install the module maximenu ck but that's not causing the issue, so am wondering if it's related to a plugin.
Did see that you are running the "maximenu ck mobile" plugin and something that can be tried out is to to disable it in the backend and then see if the tooltips are appearing. If so then some code in that plugin is not right.

Please Log in or Create an account to join the conversation.

Time to create page: 0.545 seconds