Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

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!

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
Posted (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 by tuanphan

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
Posted (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 by rosieames
typo

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...