Custom Html Module - How to Display Image @ 100%?

Amazing responsive, mobile ready VirtueMart e-commerce Joomla template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Oct 08, 2013 8:22 pm
Reply with quote
Report this post
Hey there,

I am trying to make a custom html module display a simple jpeg at 100%. However I am getting this large white border around it that I'm not quite sure how to remove.

How would I make this image scale to 100% and also get rid of the white space around the image?
This is a custom html module I have placed on the index page.

See image attached.
User avatar
Senior Boarder

GK User
Tue Oct 08, 2013 8:39 pm
Reply with quote
Report this post
Hi,
How can I help you when you didn't add URL, hmm? I'm not a wizard.
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 8:44 pm
Reply with quote
Report this post
Most of our module have default paddings,
so you have to create a additional css class which will disable them,
than in your module use this suffix.


But first try to use this suffix " advertisement" in module configuration, this style doesn't have inside paddings.
Remember about space before suffix name.
User avatar
Platinum Boarder

GK User
Tue Oct 08, 2013 9:30 pm
Reply with quote
Report this post
Pawel F wrote:Most of our module have default paddings,
so you have to create a additional css class which will disable them,
than in your module use this suffix.


But first try to use this suffix " advertisement" in module configuration, this style doesn't have inside paddings.
Remember about space before suffix name.


Hey Pawel,

How do I add a suffix to my module configuration?
Thank you so much for your help.

Unfortunately this is a website that I have only locally right now. It is a rush project for a client and so it is not live.
I have hosting and I can upload it however I want it to stay under wraps until the project is finished. Is there any way I can get you the code some other way?
User avatar
Senior Boarder

GK User
Wed Oct 09, 2013 11:01 pm
Reply with quote
Report this post
module class suffix field
module-class-suffix.jpg


Try this " advertisement" //space before name!!//
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 11:02 pm
Reply with quote
Report this post
If won't help use firebug, tip how to use it ---> http://www.gavick.com/documentation/joo ... -size-etc/

to check if there are some paddings inside.
User avatar
Platinum Boarder


cron