Menu Content

Shopping Cart

cart
Your Cart is currently empty.

Currencies Accepted


Examples

Newsletter

Subscribe to our newsletter


Move
Close

Name:

Email:

Like it? Share it!

Find Us Elsewhere

Follow us on Twitter

Home Support Forum Featured Items Modules Adjust margins for text in Featured Item...

 Spiral Scripts Support Forum :: Featured Items Modules
Board Index Latest Posts Welcome Guest   [Register]  [Login]
 Subject :Adjust margins for text in Featured Items.. 15-02-2010 06:18:47 
dawax
Fresher
Joined: 17-12-2009 05:09:37
Posts: 2
Location: 
I have installed Featured Items to display images and text from a particular category and it works perfectly. However, the size of my display is larger than usual and the text is too close to the edge of the image. How can I adjust the margin between the image and the text?

Visit this page to see an example:

http://drdaveandbiggun.com/podcasts.html

I have read the post in Featured Items Pro that suggested placing the code in the css file:

div.featureditems img.featureditems_image{margin:10px}

but I'm not sure where to put it.


Thanks for your help.
IP Logged
Last Edited On: 15-02-2010 06:44:40 By dawax for the Reason
 Subject :Re:Adjust margins for text in Featured Items.. 15-02-2010 12:56:09 
boggler
Spiral Scripts Support
Joined: 18-08-2009 10:14:13
Posts: 213
Location: 
If you are using the standard featured items module and you want to increase the margin around the image then you will need to modify the line number 289
Code:
$lists[$i]->imageTag = '<img src="' . $imageURL . '" width="' . $newwidth. 'px" height="' . $newheight . 'px" style="float:left; margin: 4px;" />

in the module file helper.php, just change the margin value to whatever you want.

There is no code in the module controlling the text size, if it is appearing larger than you want then this is something to do with your site template. You will need to add something along the lines of
Code:
div#ja-mainbody div.featureditems{font-size:10pt;}
or whatever size you want. Just add it to you template css.
IP Logged
Last Edited On: 15-02-2010 12:56:55 By boggler for the Reason
susan subway boggler
 Subject :Re:Adjust margins for text in Featured Items.. 15-02-2010 15:22:10 
dawax
Fresher
Joined: 17-12-2009 05:09:37
Posts: 2
Location: 
Thanks. I would have never found that on my own.

For reference I added a directional to the code like this:

style="float:left; margin-right: 20px;"

because adding the margin all around bumped the top of the image down by as much so it didn't line up with the paragraph.

I really LOVE this module. I have shopped around and tried nearly twenty other display modules and this one is still the simplest and most usable one I have found.
IP Logged
 Subject :Re:Adjust margins for text in Featured Items.. 15-02-2010 15:55:25 
boggler
Spiral Scripts Support
Joined: 18-08-2009 10:14:13
Posts: 213
Location: 
Great - glad you like it.
IP Logged
susan subway boggler
Page # 


Powered by ccBoard


 
 

VirtueMart Featured Products Grid

Switch View


*****Now compatible with Joomla 1.6******* A module extension for the the Joomla 1.5 and Joomla 1.6 CMS. It plays a random list of mp3s using the Flash media player.
Mod Random MP3 Pro

£12.00

A featured items module that shows selected entries from the SOBI2 business index.
Featured Items SOBI

£12.00



*****Now compatible with Joomla 1.6******* A module extension for the the Joomla 1.5 + 1.6 CMS. It displays a short excerpt from articles in a selected category or section, or from a specified list of articles, with link and optional thumbnail image.
Mod Featured Items Pro

£10.00



*****Now compatible with Joomla 1.6******* A module extension for the the Joomla 1.5 + 1.6 CMS. It displays a short excerpt from articles in a selected category or section, or from a specified list of articles, with link and optional thumbnail image.
Mod Featured Items Carousel

£12.00



 
 

fitness