Menu Content

Currencies Accepted


Shopping Cart

cart
Your Cart is currently empty.

How to Download A Product

For most of our products, including the free ones, you will need to go through checkout and place an order.

Read More

 

Find Us Elsewhere

Follow us on Twitter

Spiral Scripts on Facebook

rapidssl_ssl_certificate

Support for Joomla 1.7

For the convenience of our customers, we are in the process of adapting all our extensions to work with Joomla 1.6 and 1.7 as well as 1.5. So far the following extensions are now compatible with Joomla 1.5, 1.6 and 1.7:-

Existing customers can use their current download id to obtain the latest version of their products.

2Checkout.com is a worldwide leader in payment services

Google ads

Home » Forum

Welcome, Guest

Aligning Image and Text
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Aligning Image and Text

Aligning Image and Text 8 months ago #141

I just purchased mod_featureditems and it installed perfectly. However, the article titles are centered and the images are aligned left below the titles. I want to position the titles so that they align left and to the center of the images. I've looked at the code but can't figure out where to modify it to accomplish this change. Could someone point me in the right direction?
Thanks.

I've attached a screen shot of the module as it currently displays.
Attachments:

Re: Aligning Image and Text 8 months ago #142

Hello,

the layout templates for the module are in the module tmpl folder, and correspond to the layout names, so for example if you are using the default layout it will be in the file tmpl/default.php

To put the image tag before the title tag you will need to modify line 9, change from:

<div class="featureditems_item<?php echo $params->get('moduleclass_sfx'); ?>"><<?php echo $params->get('headertag','div'); ?> class="featureditemsheading<?php echo $params->get('moduleclass_sfx'); ?>"><a href="<?php echo $item->link; ?>" class="featureditems<?php echo $params->get('moduleclass_sfx'); ?>"><?php echo $item->heading; ?></a></<?php echo $params->get('headertag','div'); ?>>


to

<div class="featureditems_item<?php echo $params->get('moduleclass_sfx'); ?>">
<?php echo $item->imageTag; ?>
<<?php echo $params->get('headertag','div'); ?> class="featureditemsheading<?php echo $params->get('moduleclass_sfx'); ?>"><a href="<?php echo $item->link; ?>" class="featureditems<?php echo $params->get('moduleclass_sfx'); ?>"><?php echo $item->heading; ?></a></<?php echo $params->get('headertag','div'); ?>>


You will also need to remove line 15:-

<?php echo $item->imageTag; ?>


Otherwise the image will show twice.

The css for the layouts is in the folder css/layouts, for the default layout it is the file css/layouts/default.css

To change the margin for the image you will need to modify the style rule, for example:-

img.featureditems_image{ margin:4px;
margin-right: 10px;
border-width:1px;
border-style:solid;
float:left;
}


You may need to experiment to get the result that you want, as the display will probably be affected by your site template as well.

Re: Aligning Image and Text 8 months ago #143

Actually the above comments apply to the feature items pro module. The featured items module is similar.

In this case it is line 6 that you need to modify, from

<<?php echo $params->get('headertag','div'); ?> class="featureditemsheading<?php echo $params->get('moduleclass_sfx'); ?>"><a href="<?php echo $item->link; ?>" class="featureditems<?php echo $params->get('moduleclass_sfx'); ?>"><?php echo $item->heading; ?></a></<?php echo $params->get('headertag','div'); ?>>
 


<?php echo $item->imageTag; ?><<?php echo $params->get('headertag','div'); ?> class="featureditemsheading<?php echo $params->get('moduleclass_sfx'); ?>">
<a href="<?php echo $item->link; ?>" class="featureditems<?php echo $params->get('moduleclass_sfx'); ?>"><?php echo $item->heading; ?></a></<?php echo $params->get('headertag','div'); ?>>
 


You will need to remove the image tag in line 11.

The featured items module does not actually include any css, it is left up to the site template to control the layout, this is often most useful.

If you want to set up specific style rules for the module the simplest way is to set up a module class suffix, and then apply your style rules to modules with that suffix.

There is some useful info about using module class suffixes in the Joomla documentation:

http://docs.joomla.org/Using_Class_Suffixes
Last Edit: 8 months ago by Susan Boggler.

Re: Aligning Image and Text 8 months ago #150

Thanks, Susan. Actually, I'm having a hard time getting the module to style as I'd like. Would it be advantageous for me to upgrade to the pro version? I didn't even know there was a pro version.

Re: Aligning Image and Text 8 months ago #154

The pro version of the module offers various types of layouts, such as an accordion and a tab pane, if you wanted to upgrade then I would be happy to refund the cost of the basic module, so you only pay the cost of the upgraded version.

However, from the sound of it, you probably wouldn't gain much by upgrading to the featured items pro module, it is basically a matter of getting the css right.

What specifically are you having problems with?

There is a useful introduction to using CSS here,

http://www.w3schools.com/css/css_intro.asp

it is worth learning the basics if you are creating your own website.

Re: Aligning Image and Text 8 months ago #155

Thanks for the reply. Since my last post, I hired a programmer to configure the module as I wanted it, and he made the adjustments in just a few minutes. So, now the module is working perfectly and just as I wanted. Thanks for the really nice module and your really nice support.
  • Page:
  • 1
Time to create page: 0.71 seconds
 
 

VirtueMart Featured Products Grid

Switch View

A module extension for the the Joomla CMS. It plays a random list of mp3s using the Flash media player.

£12.00
A featured items module that shows selected entries from the SOBI2 business index.

£12.00


A module extension for the the Joomla 1.5, 1.6 and 1.7 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.

£14.00


Buy both our Flash slideshow products for Virtuemart and save £5.

£25.00