Product CSS in version 2.5

Posted By TheCalicoTree Wed 13 Nov 2013
Add to Favorites0
Author Message
TheCalicoTree
 Posted Wed 13 Nov 2013
Supreme Being

Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)

Group: Forum Members
Last Active: Thu 18 Jun 2015
Posts: 98, Visits: 1,382
Hi,

I'm usually pretty good at CSS but I cannot figure this one out.

In older Kartris versions, product versions display with price, qty and Add button all in one row.
http://www.hotel-buyer-store.co.uk/Bathroom/Mirrors/Extendible-Shaving-Mirror__p-19-101-224.aspx

In the new version however, the Add button displays below the qty. This is ugly and a waste of space (particularly in multiple version products).

http://devsite1.thecalicotree.co.uk/Bathroom/Mirrors/Extendible-Shaving-Mirror__p-19-101-224.aspx

I've noticed that this is not a problem on your demo site but that is running the Kartirs skin. My skin was based upon the Kartris Accordion skin with reduced width product area.
Can you shed any light on this - is it to do with the foundation css?
Thu 14 Nov 2013 by TheCalicoTree
Paul
 Posted Thu 14 Nov 2013
große Käse

große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)

Group: Administrators
Last Active: Tue 10 Sep 2024
Posts: 807, Visits: 2,748
Try to check if you have this line in your sections.css

.versions td.addtobasket div { background-color: transparent; background-image: none; display: inline; }


I think the last item, the display inline is the important bit as it stops the divs which are created by ASP.NET rendering the update panels from being 'block' and therefore full width.


--
If my post solves your issue, can you 'Mark as Answer' so it's easier for other users to find in future.

If you would like to be informed of new features, new releases, developments and occasional special bonuses, please sign up to our mailing list: http://bit.ly/19sKMZb
TheCalicoTree
 Posted Thu 14 Nov 2013
Supreme Being

Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)Supreme Being - (72,522 reputation)

Group: Forum Members
Last Active: Thu 18 Jun 2015
Posts: 98, Visits: 1,382
Hi Paul,

Yes that line does exist. Do you have the same problem with your out of the box Accordion CSS?

Thanks

Helen
Paul
 Posted Fri 15 Nov 2013
große Käse

große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)große Käse - (522,864 reputation)

Group: Administrators
Last Active: Tue 10 Sep 2024
Posts: 807, Visits: 2,748
Works ok for me locally, see attached image.

Make sure your user controls are all up to date, especially the ProductVersions one and the AddToBasket - have a feeling there were 'inline' settings on the updatepanels somewhere in one or both of those


--
If my post solves your issue, can you 'Mark as Answer' so it's easier for other users to find in future.

If you would like to be informed of new features, new releases, developments and occasional special bonuses, please sign up to our mailing list: http://bit.ly/19sKMZb
 Screenshot_1.png (3 views, 115.32 KB)

Similar Topics

Expand / Collapse

Reading This Topic

Expand / Collapse

Back To Top