Jump to content

Farro Example - Fork and Bottle Home Page

Recommended Posts

Hi All, 

Im trying to work out how to make my home match this example with the buttons using the same template farro. 

 

I can't seem to find the setting tweak. 

 

http://www.forkandbottle.ch

Link to comment
  • Replies 1
  • Views 483
  • Created
  • Last Reply

Add the following code to the custom css area, after any other code that may already be there. 

.Blog-excerpt a {
    font-size: 11px;
    text-transform: uppercase !important;
    border: 2px solid #fff !important;
    padding: 8px 25px 10px 25px;
    line-height: 4em !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
  &:hover {
    background-color: #fff;
    color: #000;
  }
}

This styles links in the blog post excerpt to look like buttons. 

Then add a link to each blog post excerpt

image.thumb.png.2e724dbac72848bb9041d5db29e90999.png

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

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.