Additional Images style problem.

[marknew]

Hi I have a problem with the additional images style. The background is not as wide as the image. I've played around with it but i can'twork it out. Any css gurus out there who can help?

http://victorialeebags.com.au/index....products_id=19



Here's the css.
#productAdditionalImages .additionalImages {
background-color: #f0f0f0;
border:1px solid #CCCCCC;
margin-top: 1pt;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 1em;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
float: left;
}

Thanks.

[stiggy100]

The width of the background there seems to be hard coded into your php.

In the file: includes/templates/your_template/templates/product_info_display:

<div id="productAdditionalImages">
<div class="content">

<div class="additionalImages centeredContent back" style="width:50%;">


Removing this should allow you to control the width in the stylesheet - although I should think it will be as you wish leaving the stylesheet as is.

[marknew]

Hey thanks Steve but Ive searched throught the template and module files, can't find any width:50% at all. Heres the additional images code in my includes/templates/your_template/templates/tpl_product_info_display.php

<!--bof Additional Product Images -->
<?php
/**
* display the products additional images
*/
require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->




Weird, i can see that style="width:50%;" too but i can't find it.

[stiggy100]

Have you searched for it in the web developers toolkit in the admin?

I hate it when you can see it in firebug/generated source and then can't find it!

[marknew]

yeh this is becoming a real pain. Ive deleted the unused templates, changed
#mediaManager {

width: 50%; to 100% in case that was somehow effecting it.
Searched all php & css files in cataglog with developers toolkit and it still shows

<div class="additionalImages centeredContent back" style="width:50%;">
in the code.

Any ideas?

[stiggy100]

It certainly looks hard coded into the php via a table. Have you looked in:

tpl_modules_additional_images.php?


That is the file that is being loaded as shown in your previous post - maybe it is in there - although I think you may have looked in there?

Also it may be tedious - but maybe try searching for just additionalImages in the web developers toolkit

[marknew]

Thanks Steve,

in modules.assitional)images.php around line 103. 'style="width:' . $col_width . '%

here is the problem incase anyone else gets stuck with this. // List Box array generation:
$list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
'text' => "\n " . $link);
$col ++;
if ($col > (IMAGES_AUTO_ADDED -1)) {
$col = 0;
$row ++;
}
} // end for loop

Cheers!

[marknew]

Additional images style problem again!. I can't belive this but I'm having the same problem with another site and i cant work out how i fixed it before.

The box around the aditional images is too small as it's coded to 50%.

See here
http://wishingstone.com.au/index.php...products_id=43

anyone have any ideas?

[marknew]

found it. There were some jquery files effecting the style. Deleted those and all is good!