7.0: https://chicken-caterpillar-yn89.squarespace.com/
7.1: https://blue-salamander-7gz8.squarespace.com/
#1. The Shop menu still has a different font. It also go aligned to the right (not centered):
Custom CSS box
/* Product Breadcrumb font */
section.products.collection-content-wrapper .nested-category-breadcrumb-link {
font-family: 'Raisone-Regular-Pro' !important;
}
with align right, use this CSS code
ul.nested-category-children {
justify-content: flex-end !important;
}
#2. The Product name and price that appears over image on hover still has a different font.
Custom CSS box
/* Product name - price on hover */
div.grid-main-meta * {
font-family: 'Raisone-Regular-Pro' !important;
}
#3. On the “About”, “Workshop” and “Contact” page there are still some paragraphs that still have a different font. Any idea why this could be? heading is OK but Paragraph text is not. I send an example here:
Custom CSS box
div.html-block p {
font-family: 'Raisone-Book-Pro' !important;
}
#11 I mean Product Detail Page ON DESKTOP – Please review how product pictures are shown because it is very different from the original site.
You mean
- Change slideshow images to stacked images
- Make variant dropdown side by side
- Reduce width of Add to Cart button
- (Mobile) Move title above Images
?
#12. – I like that the photos are on top and you can scroll to the right instead of scrolling down. It is very similar to the one that Squarespace automatically changed for but instead of having the little arrows to change images, I would like them to scroll like in the reference I sent.
>> I don’t know how to achieve this. I guess it will require a lot of JavaScript code to change behavior of Slideshow code
– I also like that instead of having a drop down menu for the product variations, you can see all the alternatives on the screen and you click the one you like. Is this possible?
Could we include this feature also for the desktop product pages?:
>> Can you take a screenshot? I still don’t quite understand this?