This is my third question after updating to the latest ECT version:
So I don't have to repeat my situation:
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=116681
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=116682

Forgive me . . . it's been many years since I built my website and haven't done much with it, nor do I want to. The orders still trickle in and I'd like to keep it that way, with minimal effort and minimal cost. I no longer have Dreamweaver or any other web design software. I have a dwt template in my files, but I'm not sure if it still works with my php files. Somehow I seem to remember I may have screwed something up long ago when applying it. So my next question is:

I'm having problems with the way the spacing on my pages has changed since this update. It looks terrible. Is there a way to fix the spacing issues without having to spend tons of time learning CSS? Believe it or not, I used to be a web designer, but that was many moons ago when the web had just started booming (yes, I'm that old! . . . retired). My background is mainly in graphic design . . . I have not kept up with the technology, and so much has changed.

Thanks for any help.

You shouldn’t need Dreamweaver or have to rebuild the site.

The .dwt file is only the Dreamweaver master template. Your existing PHP pages will continue working even without Dreamweaver, although changes made to the .dwt will no longer automatically update those pages unless it is opened in a compatible editor.

The spacing changes are more likely coming from an ECT stylesheet or the updated vsadmin/inc/incectstyle.php file—not from the .dwt template itself.

If you have a backup from immediately before the update, compare these files with their current versions:

css/ectcart.css
Your main site stylesheet
vsadmin/inc/incectstyle.php

Don’t immediately replace the entire current ECT stylesheet with an old version, because the updated PHP files may require newer CSS rules. The safest solution is usually to add a few corrective rules to the end of the site’s main stylesheet so they override ECT’s new spacing.

No special web-design program is required. The files can be edited with a free editor such as Visual Studio Code or Notepad++.

If you can post a link to one or two pages and describe exactly which gaps are wrong, someone should be able to provide a small CSS correction rather than requiring a complete redesign.

Patrick

Thanks Patrick,

I posted some of my spacing issues here:
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=116681

I'm hoping there's CSS that can deal with these spacing issues as well:

https://www.atticpaper.com/product_page.jpeg
https://www.atticpaper.com/proddetail.php?prod=1953-coca-cola-coke-ad-santa-elves

It's all very squished in. I'd like some space between each section (between the price and the button, the button and the previous/next text, and between previous/next and recently viewed).

Or if you can give me an example of how to fix one of those things, I can probably figure out the others.

Lastly, I'd love the checkout button on the shopping cart to be actual size. Here's it's very enlarged:

https://www.atticpaper.com/shoppingcart.jpg

I know that's asking a lot. I appreciate help from anyone!!

Hi,

I checked your live product page and found that both issues are coming from the updated css/ectcart.css file. You should be able to correct them by adding a few rules to the very bottom of your existing css/styles.css file.

Try adding:

/* Add spacing between the product-detail sections */
div.proddetail div.detailprice {
margin: 4px 0 12px;
}


div.proddetail div.detailaddtocart {
margin: 4px 0 12px;
}


div.proddetail div.previousnext {
margin: 4px 0 16px;
}


/* Add space before Recently Viewed */
#mainbodyspan.proddetail + div.recentview {
margin-top: 16px;
}


/* Keep the cart Checkout image at its natural size */
div.cartcheckoutbuttons input[type="image"].checkoutbutton {
width: auto;
max-width: 100%;
height: auto;
}

The first rules add space between the price, Add to Cart button, Previous/Next links, and Recently Viewed section.

The last rule corrects the enlarged Checkout image. The updated ECT stylesheet currently gives that image a width of 100%, which stretches it beyond its original size.

Add these rules to css/styles.css, not css/ectcart.css, so they won’t be lost during a future ECT update. You do not need to change your DWT template for either fix.

If the spacing is a little too large or small, you can adjust the 12px and 16px values.

Maybe this will help. It's just my opinion and I'm not an expert in this. Just learning as I go. Vince may/probably have a better solution but this is worth a try.

Patrick

Yes, that worked! Much better. Thank you so much Patrick. You are awesome.

I'm almost there. I still need a few more spacing issues fixed but have to get going now. Hopefully you or some other awesome person can help with those later.

Seems like there's less help on the board these days than when I first started with ECT so long ago. That's too bad. You are appreciated #10084;#65039;