summerscloset Posted April 19, 2013 Share Posted April 19, 2013 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! Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 19, 2013 Share Posted April 19, 2013 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. Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 19, 2013 Author Share Posted April 19, 2013 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!! Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 19, 2013 Share Posted April 19, 2013 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; Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 20, 2013 Author Share Posted April 20, 2013 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! Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 20, 2013 Share Posted April 20, 2013 "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> Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 20, 2013 Author Share Posted April 20, 2013 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! Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 20, 2013 Author Share Posted April 20, 2013 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! Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 20, 2013 Share Posted April 20, 2013 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. Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 20, 2013 Share Posted April 20, 2013 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"> </div> Remove the <div class="clear"> </div> Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 20, 2013 Author Share Posted April 20, 2013 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! Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 20, 2013 Share Posted April 20, 2013 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. Quote Link to comment Share on other sites More sharing options...
bsmither Posted April 20, 2013 Share Posted April 20, 2013 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. Quote Link to comment Share on other sites More sharing options...
summerscloset Posted April 20, 2013 Author Share Posted April 20, 2013 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!!!! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.