Jump to content

Text Blocks Above Products on Shop

Recommended Posts

Site URL: https://www.sfsmartshop.com

Hey guys I am trying to add a text block above my products on my shop page. I have this starter code:

<style>
  div#content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    font-size: 20px;
    margin-bottom: 50px;
}
</style>

but I need to tweak the font and the format so it looks like this: 

 

In the SF Bay Area? Call Us for Direct Delivery!!!

415-275-1476

 

Thanks in advance for the help.

Link to comment
  • Replies 1
  • Created
  • Last Reply

This should get you closer.

<style>

  #content:before {
  
    content: "In the SF Bay Area? Call Us for Direct Delivery!!! \A 415-275-1476";
    display: block;
    font-family: monospace;
    font-size: 0.5em;
    line-height: 1.5em;
    margin-bottom: 50px;
    text-align: center;
    white-space: pre-wrap;
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.