how do i eliminate the white space between attributes?

[humbll]

If you look at this page: http://rda-enterprises.com/index.php...&products_id=9
you will see that there are two attributes set: duration and soundtrack. There is a whole lot of white space in between them, but i would like them to be one right under the other. How do i go about this? thanks in advance...

[gjh42]

The cause of the white space is two <br class="clearBoth" /> tags after attribute displays. The clearBoth forces the break to be below any other nearby floated element, i.e. the add to cart box.

I don't have access to the actual files at the moment, but you can start by looking at /includes/templates/your_template/templates/tpl_product_info_display.php; a modules/?/product_info.php and/or (?)tpl_attributes.php will likely be the place to strip the clearBoth out of the attribute output building. I can look again when I get home if you still need help.

[humbll]

The cause of the white space is two <br class="clearBoth" /> tags after attribute displays. The clearBoth forces the break to be below any other nearby floated element, i.e. the add to cart box.

I don't have access to the actual files at the moment, but you can start by looking at /includes/templates/your_template/templates/tpl_product_info_display.php; a modules/?/product_info.php and/or (?)tpl_attributes.php will likely be the place to strip the clearBoth out of the attribute output building. I can look again when I get home if you still need help.

Well I cannot make heads or tails of it all, i found what i think is the right file, the template i am using is the sophie blue-grey, and it did not have a file named tpl_product_info_display.php, but i did find one in /includes/templates/template_default/templates, but it did not look like it had a <br class="clearBoth" /> tag in it. So I will take you up on that offer to lok it up when you get home.. THanks in advance..

[humbll]

Ideally i wold like to get it looking like this:
http://www.decaldepot.net/zencart/in...roducts_id=214
I really like the way that looks, with the add 2 cart button below the attributes so that they are impossible to miss. unfortunately the thread where i found this was a question similar to mine, but they did not say how they got it like this...

[gjh42]

That makes the question really easy.

In tpl_product_info_display.php, each section of output is contained between <!--bof xxxx--> and <!--eof xxxx--> comments; simply move the add to cart section below the attributes section, and they will fall into line. You may also need to change float or text-align in the stylesheet for proper arrangement.

It's the interaction of elements on the same line that is causing your present awkwardness.

[humbll]

That makes the question really easy.

In tpl_product_info_display.php, each section of output is contained between <!--bof xxxx--> and <!--eof xxxx--> comments; simply move the add to cart section below the attributes section, and they will fall into line. You may also need to change float or text-align in the stylesheet for proper arrangement.

It's the interaction of elements on the same line that is causing your present awkwardness.

Worked like a charm!! Thank you soo much!

[coldfirepromotions]

I hate to bump (really) old threads, but this was one of the first options in Google and it worked absolutely perfect! Even 3 1/2 years later!

[PhilipB]

The cause of the white space is two <br class="clearBoth" /> tags after attribute displays. The clearBoth forces the break to be below any other nearby floated element, i.e. the add to cart box.

I don't have access to the actual files at the moment, but you can start by looking at /includes/templates/your_template/templates/tpl_product_info_display.php; a modules/?/product_info.php and/or (?)tpl_attributes.php will likely be the place to strip the clearBoth out of the attribute output building. I can look again when I get home if you still need help.

Hi gjh42,

I am following your advice above; looking for a way to align attributes alongside the Add to Cart button.

Please can you advise further on which file to find the associated <br class="clearBoth" /> tags.

Using V1.3.9 and Contemporary Green template.

Many thanks,
P

[gjh42]

/includes/templates/your_template/templates/tpl_modules_attributes.php is the file that has the clearBoth (copy it from /includes/templates/template_default/templates/tpl_modules_attributes.php).

You may be able to take care of your display issues just in the stylesheet, though. Add these rules:

#productDetailsList+br, .wrapperAttribsOptions br, .wrapperAttribsOptions+br {display: none;}

#productTellFriendLink {clear: both;}

You may not need all of these selectors, depending on your exact current layout. Seeing your site will let me advise exactly what you need.

[PhilipB]

Hi gjh42,

Pologies for delay! Thanks or your suggestions; have worked to an acceptable conclusion using the CSS option.

Had to adjust the cartAdd top margin and the wrapperAttribsOptions width and then add a line in the CSS to reduce the productReviewLink margin.

Hope it works out for the rest of the site! Will find out I guess.

Thanks again & regards,
P