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

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

myraltis
Advanced Member

180 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: https://www.hm-online.co.uk/A51-Indirect-Lighting-Coving

Thanks,
Tim

dbdave
ECT Moderator

USA
9761 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;
}

Thanks,
David

myraltis
Advanced Member

180 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?

Tim

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

Vince
Administrator

41825 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.

Vince

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 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000