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