Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

image size in module 7 years 1 month 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.

image size in module 7 years 1 month ago #18997

hi Gmturner,

question: what module are you referring to?
(won't respond to PM)
==================================================================
running: pre-alpha JEM 4.x (custom version) + Joomla 4.0.0-beta7 + PHP 7.3

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

image size in module 7 years 1 month ago #18998

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.

image size in module 7 years 1 month 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:
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.
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.
(won't respond to PM)
==================================================================
running: pre-alpha JEM 4.x (custom version) + Joomla 4.0.0-beta7 + PHP 7.3

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

Last edit: by Bluefox.

image size in module 7 years 1 month ago #19000

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:
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.
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.

image size in module 7 years 1 month 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.
(won't respond to PM)
==================================================================
running: pre-alpha JEM 4.x (custom version) + Joomla 4.0.0-beta7 + PHP 7.3

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

  • Page:
  • 1
Time to create page: 0.291 seconds

Donate

If you find JEM useful and if you use it on your site, please consider a donation to the project.

Private Messages

You are not logged in.

Follow us......