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

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

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

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