Joomla Tutorials

Place an Image Inside a Joomla Module

April 22, 2010 | Written by Steve Burge

This lessons will show you how to insert an image into a Joomla module and make it appear to your site visitors.

Go to the Module Manager

tutuploadsmedia_1271937916289.png

Go to Administrator >> Extensions >> Module Manager

Click to Create a New Module

tutuploadsmedia_1271937999131.png

Click "New" in the top-right corner

Choose "Custom HTML"

tutuploadsmedia_1271938072014.png

We can choose to create any kind of new module here. We'll choose "Custom HTML".

Find Your Image

tutuploadsmedia_1271938182926.png

Click the Image button at the bottom of the page. You'll see a pop-up window. Either choose an image from here or click "Browse" and upload your image.

Insert Your Image

tutuploadsmedia_1271938354509.png

Click "Insert" and your image should be in the text editor.

Configure the Module

tutuploadsmedia_1271938396619.png

Choose your module position from the dropdown and then click "Save"

See the Image On Your Site

tutuploadsmedia_1271938498634.png

Visit the front of your site and the image should now appear on the page.


 

 


To sign up for complete classes and support

 

Comments 

 
# kolonel 2011-03-07 22:57
These forums make it so easy. This was exactly what i was after, and worked straight away.

Thanks again
Rob.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-03-08 00:21
You're very welcome, Rob! :-)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# jimi 2011-04-29 18:46
Hey Rob, this just adds extra space to my current module for the photo but does.t place my photo inside the original module area where I would like it to be. Is there any other options here?
Best
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-29 10:10
Hi Jimi,

Sorry for the delay. It's hard for us to monitor support requests in the comments of blog posts, so if you're a student at OSTraining please use the support forum where we answer all questions within a business day.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Tholo 2011-08-28 02:52
this works, but what if ya want the image to fit the borders? how do you know what the dimensions are for a module?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-29 10:11
Hi Tholo,

The dimensions of the module position are dictated by the css of your template. You can use firebug to figure it out quickly:
ostraining.com/.../...

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Leon 2011-12-05 03:09
helped allot
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-12-05 16:46
I'm glad it helped Leon! We have a lot more great tutorial available to student; if you're interested, check out: www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Jwel 2012-02-01 20:00
Hi,
It works but t the image button does not show when i choose menu module........what if i want to insert an image inside main menu??? Please help me out.
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-01 21:44
Hi Jwel,

You can use CSS for that. We have a Joomla template design class and a CSS class; if you're interested, check out: www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment