missgray

Thank you SO much it worker perfectly and looks amazing. Appreciate your help!

Hi @tuanphan is there a code line I can add that just adds line spacing to the mobile version of both grid and product description? it just looks a bit squashed to the product photo and the smaller 2nd line font. See attached.

I have tried editing this code again to see if I can make anything work. Both the desktop view for the product grid and the product details page look good however, both mobile versions are terrible. The top line is TINY. 1. Is there a code specifically for increasing the font size of the top line for both the grid and details pages for mobile? 2. I'd also like to manually increase the font size of the top line on the desktop. It seems the line height can be changed with 'font-size: calc' but nothing is changing the actual size of the font. https://missgray.com/styling-services Password: hello Code: /* Smaller second line */ .ProductItem .ProductItem-details h1.ProductItem-details-title { font-size: 22px; line-height: 1.8em; } /* Larger first line */ .ProductItem .ProductItem-details h1.ProductItem-details-title:first-line { font-size: calc(2.16vw + 1rem); } .products.collection-content-wrapper .grid-main-meta .grid-title { font-size: 14px; line-height: 1.8em; } .products.collection-content-wrapper .grid-main-meta .grid-title:first-line { font-size: calc(.36vw + 1rem); } @media screen and (max-width:767px) { .products.collection-content-wrapper .grid-main-meta .grid-title { font-size: 16px !important; line-height: 1.2em; } }

Hi @creedon I did more research online and found this https://github.com/tomsWebConsulting/twcsl/tree/main/Page/Store/Detail/Store Product Detail Add to Cart Button Url Redirect I have added all the codes and FINALLY got it to work as a button re direct.

Hi @paul2009 @creedon @tuanphan just checking in if someone can help with the above posts I made. So sorry I am new to using Forums and I have made two posts above with information about my issue. Please help.

Hi I did this on a single product and it has removed the price from the product description page, however, this item is only going to be displayed as an 'add-on' inside all my product listings and it is still showing the $0 how can I remove this? https://missgray.com/shop/p/miss-gray-perfume-card Website password: hello Here is another product with the Complimentary add-on added. Once the $0 is removed I will add this to all of my products in this shop. https://missgray.com/shop/p/all-attitude-baroque-blouse

I used Custom CSS: .products.collection-content-wrapper .grid-main-meta .grid-title { font-size:18px; line-height: 1.8em; } .products.collection-content-wrapper .grid-main-meta .grid-title:first-line { font-size: calc(.36vw + 1.5rem); } and also https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

DESKTOP GRID> MOBILE GRID >

Hi @creedon I have added a link to a single product as its made-to-order I need an 'ENQUIRE' button linking to my contact page, however, I am struggling to turn this single link a button. I tried the code above however ALL of the links on ALL of my products turned into buttons which I do not want. I would like this 'ENQUIRE' button to look like the buttons on the rest of my products same style and colour. Ant assistance would be amazing 🙂 Single product: https://missgray.com/shop/p/legacy-leather-pant www.missgray.com

Hi is there a way to change the white promotional pop up background on mobile to a hex colour of my choice? Currently, it' is just white. Also is there a code for each other element such as the Title, paragraph, each form field, button and disclaimer for mobile only?