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

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 by tuanphan

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
  • 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

Edited by rosieames
typo
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.