adjusting title length that shows up in latest product box

[summerscloset]

Does anyone know where to adjust the title length that shows up in the boxes in the latest products? If you look at my site www.summerscloset.com, you will see the problem. Some of the boxes are varying in height and margin and I am assuming it is because the title length on those boxes brings up 2 lines instead of one.

 

Also, I need to adjust the product review line and move it all down a little farther to compensate for the larger pictures, and I cannot seem to find this in the skin. Im using the crosshatch skin

Thanks!

[bsmither]

You can adjust the min-height of the latest products box at common.css, line 377:

.products { ... min-height: 380px; ...}

 

Several things to do about the second issue:

In content.product.php, find:

<form action="{$VAL_SELF}" method="post" class="addForm">

and make it:

<form action="{$VAL_SELF}" method="post" class="addForm" style="display:inline-block;">

Then in common.css, line 453, #gallery, remove the height property. Line 459, #gallery div.image, set float:none; I think that should be it.

[summerscloset]

Height on the boxes worked fine, although the width is still overlapping on some, I am hoping that will be fixed with the new proper sized photos though. The customer review issue is now pulling the product description down with it, and on some products it is still overlapping the gallery. Any suggestions?

Also one other thing you might know. I need to remove the documents list on the header on the homepage. I already have it on the footer how I want it, and dont need a duplicate on the header. Any advice how to remove it?

Thanks for the help!!

[bsmither]

I hope I mention everything for common.css:

Line 920: #productDetail .productOptions label {

Remove float:left; and remove width:60px;

 

Line 94: .select {

Remove float:left;

 

To remove the upper sitedoc list:

Near line 204: #nav {

Add display:none;

[summerscloset]

The first I did, but dont see any change. Line 94 changed only the currency and language boxes, and 204 removed the navigation bar, and I need to remove the site documents from the header. I tried the same under documents, but wasn't successful. Any other suggestions? thanks for the help!

[bsmither]

"204 removed the navigation bar, and I need to remove the site documents"

 

Sorry, quite right. In box.documents.php, change:

<ul class="documents">

to

<div style="display:none;"><ul class="documents">

and

</ul>

to

</ul></div>

[summerscloset]

Also, the boxes on the recent products, front page are still over lapping on the width, even with my adjusted photos, so I am guessing I am missing something with the code but cant seem to find it.

thanks!

[summerscloset]

that worked for removing the site documents, but it also removed it from the footer, I need to have them somewhere. Any suggestions? Thanks so much!

[bsmither]

Line 465, #gallery_select {

Add float:left;

Wow. Too much wine, I guess.

 

In the file main.php, find:

    <div class="headerContainer">
        <a href="{$STORE_URL}" class="headerLogo"><img src="{$STORE_LOGO}" alt="{$META_TITLE}"/></a>
        {$SEARCH_FORM} {$SITE_DOCS}

Remove the {$SITE_DOCS}. And clear CubeCart's cache.

[bsmither]

Add this to the css file:

.productOptions .select {
    background: url("../images/smallDropdownArrow.png") no-repeat scroll right center #FFFFFF;
    border: 1px solid #CCCCCC;
    float: none;
    height: 20px;
    overflow: hidden;
}

In content.product.php, find:

                        <select name="productOptions[{$option.option_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}">
                            <option value="">{$LANG.form.please_select}</option>
                             {foreach from=$option.values item=value}
                            <option value="{$value.assign_id}">{$value.value_name}{if $value.price} ({$value.symbol}{$value.price}){/if}</option>
                             {/foreach}
                        </select>
                    </div>
                    <div class="clear">
                        &nbsp;
                    </div>
 

Remove the <div class="clear">&nbsp;</div>

[summerscloset]

ok I removed the div class line above and it dropped all of the description and input boxes down again and moved the currency and language boxes to the left on the header. It also moved the gallery images all the way in one line. Now I think I need that wine, lol

on a good note, the css product options file did fix the width overlap on the product boxes. Thanks!

[bsmither]

What the...???

 

There is no way these edits are doing more than what I see when I make the changes. The language and currency dropdowns aren't even in the same file where you removed the <div>. No way.

 

I suggest you restore the crosshatch skin back to its stock code and see if a fresh start would work.

 

Or, I suggest you get all the images loaded, options assigned, whatever, so that we know what we are dealing with instead of piecemeal adjustments that are ruined when more gallery images are added, or options are assigned, or whatever.

[bsmither]

Where you added to the CSS file, you missed the closing semi-colon.

.productOptions .select {
background: url("../images/smallDropdownArrow.png") no-repeat scroll right center #FFF
border: 1px solid #CCCCCC;
float: none;
height: 20px;
overflow: hidden;
}

That should fix everything.

[summerscloset]

I knew I must have missed something! That fixed it. Some of the product boxes are overlapping again though on the width. I really appreciate all the help!!!!