Jump to content

Add text to top of Index Pages

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 4
  • Views 563
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom CSS

body#collection-5eca63ae29359c0004f2a323 div#projectThumbs:before {
    content: "This is porfolio page";
    display: block;
    text-align: center;
}
body#collection-5eca76a8e3d0ce7bf2dbf117 div#projectThumbs:before {
    content: "This is project page";
    display: block;
    text-align: center;
}
body#collection-5eca921dbb99ad6e8659fb1d div#projectThumbs:before {
    content: "This is place page";
    display: block;
    text-align: center;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Solution
On 9/28/2022 at 6:35 PM, ChristopherSwan said:

Thank you so much Tuanphan. Would it be possible to add one line space below the text so that it doesn't sit directly above the index images?

You can add margin value

body#collection-5eca63ae29359c0004f2a323 div#projectThumbs:before {
    content: "This is porfolio page";
    display: block;
    text-align: center;
	margin-bottom: 20px;
}
body#collection-5eca76a8e3d0ce7bf2dbf117 div#projectThumbs:before {
    content: "This is project page";
    display: block;
    text-align: center;
	margin-bottom: 20px;
}
body#collection-5eca921dbb99ad6e8659fb1d div#projectThumbs:before {
    content: "This is place page";
    display: block;
    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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.