Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
Home | Profile | Register | Active Topics | Members | Search | FAQ
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Design issues
 Spry Tabs Formatting Lost on Upgrade
Author « Topic »  

Advanced Member

183 Posts

Posted - 10/03/2022 :  12:48:40  
Hi Folks,

I've just updated a site to 7.5.3 to try to resolve a problem with the Stripe payment processor (results pending).

In doing so I have ended up with a problem whereby the CSS for the spry tab headings appears to have been lost - I now have white tabs with white text (apart from the active tab which has black text) which appears when moused over, and a smaller font.

Restoring css/ectcart.css recovers the tabs, but introduces (not unexpectedly) cart formatting issues. This old ectcart.css file is dated 2021-04-27.

I don't understand why a new ectcart.css causes problems with Spry Tabs.

Any pointers would be appreciated, the problem can be seen here:


ECT Moderator

10211 Posts

Posted - 10/03/2022 :  16:47:57  
Hi, I haven't used the tabbed panels on my site in a while, but looking art your site, you could just add some style to your css file to fix the issue.

I'm not sure how they looked before, but just coloring the background of the tabs a dark grey (the default for the tabbed panels css file, you could add this to your css file (I suggest the hmstyles.css file in your css folder as it follows the ctcart.css file in your code, so it will take precedence there).

ul.TabbedPanelsTabGroup > li.TabbedPanelsTab {
background-color: #999;


Advanced Member

183 Posts

Posted - 10/04/2022 :  00:08:44  
Thank you for the pointer David, I've changed the background colour, increased the font size, and all is now well.

For future reference, is there a list of all styles used by the cart and Spry Tabs somewhere?


Edited by - myraltis on 10/04/2022 00:44:05


42394 Posts

Posted - 10/04/2022 :  02:56:30  
Hi Tim
We used to maintain lists of the classes used but really, these days it is so easy to just right click an object in your browser and choose "Inspect" and you can see just what classes are used.


Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022
This page was generated in 0.02 seconds. Snitz Forums 2000