missgray

Hi @creedon I am not a coder and have no idea what I am looking for to remove the syntax error. Could I possibly pay you to help me fix this and then add your code so that I can edit the colours and size of the sale badge?

Hi @creedon I copied this into my CSS line 255 onwards. Should a badge display immediately without changing the options such as shape and colour? Because it's not doing anything. I am an amateur with code but have added many things to my site from asking questions in these forums which are so helpful but I am stumped with this one and the instructions in the code. Can you advise on a few points as it looks confusing to me so far? Apologies, and thank you in advance.

Hi @creedonI am trying to get a 'Sold' badge inside a red circle with black font top-right of my dols items in my store. I have tried many codes in these forums and nothing has worked and them I came across yours. Would you be able to assist in sharing a code I ca copy and paste please? website missgray.com password: access

Hi @tuanphan or @creedon I have just noticed that when my Product is sold out the Add Ons also show a Sold Out on them instead of the + on the red dot and it looks terrible. How can I code this to not happen? I have attached a screenshot. My website is missgrat.com and password "access"

Hi @tuanphan thank you SO much for the above code its worked great. I really appreciate you taking the time to provide me with this solution 🙂

Hi @tuanphan would you be able to provide the code for this?

Hi @tuanphan just checking in if you can suggest a code for this please?

Yes correct, in these 3 spaces on the grid page as the product description page looks fine.

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?