Jump to content

Syntax Error When Coding

Recommended Posts

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
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

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;
    }
 }

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.