KailiMills Posted April 14, 2020 Share Posted April 14, 2020 I am trying to add a customizable boarder to my recipe card on Squarespace in Custom CCS. I am not a coder but I found a super helpful blog post for adding a customizable recipe card to my Squarespace website. I've been following the prompts and having great success but once I got to the section to insert the code into the Design > Custom CCS I keep getting a syntax error. I'll post the link URL here: https://moonandspoonandyum.com/how-to-create-custom-recipe-cards-on-squarespace/?cn-reloaded=1 code: </p><br> <p>blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 25px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 90%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 15px 15px 15px 15px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> padding: 30px 30px 30px 40px !important;<br /><br> }</p><br> <p>@media only screen and (max-width : 1200px) { blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 20px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 85%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 10px 10px 10px 10px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> }<br /><br> }</p><br> <p>@media only screen and (max-width : 480px) { blockquote {<br /><br> font-family: “Playfair Display”, Georgia, Serif;<br /><br> font-size: 20px;<br /><br> letter-spacing: 1px;<br /><br> line-height: 1.7em;<br /><br> width: 73%!important;<br /><br> background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”);<br /><br> border-color: #fabae6 !important;<br /><br> border-width: 10px 10px 10px 10px !important;<br /><br> border-style: solid solid solid solid !important;<br /><br> }<br /><br> }<br /><br> PLEASE HELP! Link to comment
tuanphan Posted April 14, 2020 Share Posted April 14, 2020 (edited) Your CSS contains invalid CSS character. Original post has also same problem. You should contact Post Author at https://moonandspoonandyum.com/how-to-create-custom-recipe-cards-on-squarespace/?cn-reloaded=1 or try again with this blockquote { font-family: “Playfair Display”, Georgia, Serif; font-size: 25px; letter-spacing: 1px; line-height: 1.7em; width: 90%!important; background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”); border-color: #fabae6 !important; border-width: 15px 15px 15px 15px !important; border-style: solid solid solid solid !important; padding: 30px 30px 30px 40px !important; } @media only screen and (max-width : 1200px) { blockquote { font-family: “Playfair Display”, Georgia, Serif; font-size: 20px; letter-spacing: 1px; line-height: 1.7em; width: 85%!important; background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”); border-color: #fabae6 !important; border-width: 10px 10px 10px 10px !important; border-style: solid solid solid solid !important; } } @media only screen and (max-width : 480px) { blockquote { font-family: “Playfair Display”, Georgia, Serif; font-size: 20px; letter-spacing: 1px; line-height: 1.7em; width: 73%!important; background-image:url(“/s/IMAGE-FILENAME-HERE.jpg”); border-color: #fabae6 !important; border-width: 10px 10px 10px 10px !important; border-style: solid solid solid solid !important; } } Edited April 14, 2020 by tuanphan rosieames 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
rosieames Posted June 15, 2020 Share Posted June 15, 2020 (edited) Hi @tuanphan I am also using this recipe card plugin for a clients website and it has been working really well since I set it up for her in March 2019. She has just got in touch to let me know its not peforming as it should - something with the borders not working properly. I have had a look through all the coding and the markdown block and she seems to have it all correct. She duplicates a template I supplied her with so she doesn't have to fiddle with the codes or anything. Do you think its something SQSP has changed on the platform? url's artrawpaulina.com and its on v.7.0 Brine. What can I supply you with in case you can help me work out what the problem is? thanks in advance. rosie Edited June 16, 2020 by rosieames typo Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment