Additional image space

[KenshiroU]

Hi all, I seem to be having a problem with the space of the additional images, as Zen Cart is giving it a value of 33% for 3 images per page and 50% for 2 images per page. I first thought this would be an override in the CSS in terms of layout, however when I right click and inspect element, it appears this element {33%} is not in the CSS file. I then did a search in the PHP and yet to find any values of 33% and and 50%.

Can anybody shed some light on this, and if there is a fix for the layout.

Thanks.

[philip937]

I think you will find that the value is calculated dynamically based on the columner display code that creates the output.

if you want to bypass it you will have to custom code the output to not use the columner display.

[gjh42]

You can override the dynamic width by making a CSS rule for the element specifying

width: 123px !important;
or
width: 24% !important;

The !important gives this rule precedence over inline styling.

[philip937]

You can override the dynamic width by making a CSS rule for the element specifying

width: 123px !important;
or
width: 24% !important;

The !important gives this rule precedence over inline styling.

Learn something new every day! I always thought inline took precedence over css. Or is it that it does unless the css is set a important?

[gjh42]

That's one of the main reasons for the !important tag, to allow stylesheets to take precedence over inline styling where necessary.
The tag is also good for giving individual element rules precedence over bigger rules that have enough specificity to otherwise control the styling. It can be used as a crutch, though; better to rework other rules where practical than just brute-force a new rule over the existing ones.

[philip937]

good to know! thanks for the info, its great