Jump to content

Adding CTA to Flatiron Template

Go to solution Solved by tuanphan,

Recommended Posts

I want to add a line of copy, CTA (call to action) at the top of my WORK page and PLAY page. However, there is no place to do that when editing the work page. I can only assume this needs custom code to be done. If so can someone direct me to that?

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

On 6/23/2023 at 9:39 PM, cptChris said:

work - https://www.someonescousin.com/

play - https://www.someonescousin.com/play

 

I've also attached a screen grab of my "Pages" window when I go to edit the Gallery page. There is no option to drop in a text field at the top under the Logo and the buttons on the top right.

 

 

 

Capture3.JPG

Add a text + button here?

image.thumb.png.0dcefc4a7135cf13cd42a1748e802488.png

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
Posted (edited)

Hey Tuanphan,

Thank you soooo much for sticking with me on this one!

Attached is what I want. A text field below the buttons and logo and above the gallery images. I need to put in a "call to action" so people know what it is that Someone's Cousin is and what we do.

Currently, with the Flatiron Template, there is no way to put one in. I'm assuming I need code to do that? If so, what is that code and where do I get it?

 

whatI wantadded.jpg

Edited by cptChris
Link to comment
  • Solution

Add to Design > Custom CSS

/* Play page */
body#collection-5da8ae5aa26b26307480f95a div#container-content:before {
    content: "Play Content";
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
/* Work Page */
body#collection-5da73321bc45c47a5a1e4eca div#container-content:before {
    content: "Work Content";
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

 

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

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.