Attribute Images Misaligned

How can I get the top three pictures in the line with the other five? Thanks in advance...

We'll need a link to the site.

Yes... a link will let us manipulate your CSS.

It COULD be that you need a small edit in your tpl_product_info_display.php file

EDIT - SORRY, wrong advice given... will post correction shortly

If you have a CUSTOM over-ride file for tpl_product_info_display.php, then you could try this:

(If you don't have an over-ride file yet, just copy the CORE file into your custom template's override folder)

FIND:

<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

MAKE THE INDICATED EDIT

<br class="clearBoth" />

<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

schoolboy:

If you have a CUSTOM over-ride file for tpl_product_info_display.php, then you could try this:

(If you don't have an over-ride file yet, just copy the CORE file into your custom template's override folder)

FIND:

> 
> MAKE THE INDICATED EDIT
> ```php
<br class="clearBoth" />

<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

Did this and it did not work.

Here is a link. http://www.mylittlelulubee.com/index.php?main_page=product_info&cPath=1_80&products_id=185

In your stylesheet.css line 48

Change this

.wrapperAttribsOptions {
margin: 0.3em 0;
}

to

.wrapperAttribsOptions {
margin: 1.5em 0;
}

or

.wrapperAttribsOptions {
margin: 15px 0;
}

your can use higher values than 1.5 and 15 if you want.

keneso:

In your stylesheet.css line 48

Change this

.wrapperAttribsOptions {
margin: 0.3em 0;
}

to

.wrapperAttribsOptions {
margin: 1.5em 0;
}

or

.wrapperAttribsOptions {
margin: 15px 0;
}

your can use higher values than 1.5 and 15 if you want.

THANKS, that worked well. Again Thanks!!!!