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

Flatiron index page - add some form of text/banner image

Question

I'm trying to add some text above my index page content to let it be known that you click the thumbnails to view more. I can't add a text block or anything on the index page like on other pages - is there a way to add some type of text at the top of the page, and in whatever size I prefer?

My last resort would be to make custom thumbnails for everything to showcase there's more once you click, but that seems excessive and some text up top would be simpler.

Share this post


Link to post

18 answers to this question

Recommended Posts

  • 1
29 minutes ago, czbwoi said:

For this page @tuanphan, which is an index page: https://cristianzdremtan.com/graphicdesign

Add to Home > Design > Custom CSS

body#collection-5e72ae951e6cc747e7d6fdfd div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}

 

5 mins


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

I have the same problem! I would like to have a banner, it doesn't have to be necessary on the index page.

When I try a slideshow gallery to be as a banner the space between the navigation bar and the block is larger than the space on the index page, so when it's shown on a computer screen the slideshow is cut.

Share this post


Link to post
  • 0
On 4/18/2020 at 11:56 PM, elizamoraes said:

I have the same problem! I would like to have a banner, it doesn't have to be necessary on the index page.

When I try a slideshow gallery to be as a banner the space between the navigation bar and the block is larger than the space on the index page, so when it's shown on a computer screen the slideshow is cut.

 

2 hours ago, czbwoi said:

Is that a no, tuanphan? For any type of text above the thumbnails on the index page?

add here?

image.thumb.png.f5acc9628ae0cd16c4168cbc73c9c5f2.pngimage.thumb.png.f5acc9628ae0cd16c4168cbc73c9c5f2.png


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

Yes, exactly like that tuanphan, some text in black font, but smaller if I could control the size.

And if a banner image is possible for elizamoraes as well I suppose.

Share this post


Link to post
  • 0
12 hours ago, czbwoi said:

Yes, exactly like that tuanphan, some text in black font, but smaller if I could control the size.

And if a banner image is possible for elizamoraes as well I suppose.

Add to Page Settings > Advanced > Header

<style>
  div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}
</style>

 


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

Hello @tuanphan, I am looking for a solution to add a slideshow banner between my navigation and my index grid. The goal is to make one of my new project to stand out from others with a full width index thumb on top of others. I scanned google search but can't figure out how to do it and the solution you gave to @czbwoi is really close to what I imagine but with an index thumb. Ideally I would have dreamed that squarespace let us add different module on an index page, like slideshows or videos. If you have any solution to my problem I would really appreciate! Thank you! Here is a link to that page on my website: https://www.steeven-salvat.com/

Best regards,

 

Share this post


Link to post
  • 0
On 4/22/2020 at 7:26 AM, tuanphan said:

Add to Page Settings > Advanced > Header


<style>
  div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}
</style>

 

@tuanphan For this specific page it's actually Index Settings > Advanced > Header if I'm assuming I'm doing what you're asking correctly...but doing so lead me to, "PREMIUM FEATURE Premium Feature Available on Business and Commerce plans. Learn more."

We seriously can't add any type of code to edit pages at all with a basic consumer plan...like most people in my shoes and position would have? Well this is news to me.

Share this post


Link to post
  • 0
5 hours ago, czbwoi said:

@tuanphan For this specific page it's actually Index Settings > Advanced > Header if I'm assuming I'm doing what you're asking correctly...but doing so lead me to, "PREMIUM FEATURE Premium Feature Available on Business and Commerce plans. Learn more."

We seriously can't add any type of code to edit pages at all with a basic consumer plan...like most people in my shoes and position would have? Well this is news to me.

You can add CSS to custom CSS, for Personal Plan. Which page you want to apply, can you share link? I will check again.


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
6 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


body#collection-5e72ae951e6cc747e7d6fdfd div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}

 

5 mins

Bingo, that's it, thanks!

Is it possible to change it to be the same font as everything else, proxima nova? I've tried to replace monospace with that in the code and it doesn't work. Or proxima, or proximanova, a few combinations I thought of, no luck.

Share this post


Link to post
  • 0
Just now, czbwoi said:

Bingo, that's it, thanks!

Is it possible to change it to be the same font as everything else, proxima nova? I've tried to replace monospace with that in the code and it doesn't work. Or proxima, or proximanova, a few combinations I thought of, no luck.

proxima-nova


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

Ah, thank you. Last bit of help since you're here and I've noticed this, is it possible to remove this custom CSS we've added once you click a thumbnail and are inside the new page? Like so that it's only present on the index page itself, but not anymore once you click on one of the thumbnails. It doesn't make much sense to continue to have something like "Click on the thumbnails for more." up top once you click on one and you're inside of it, when there isn't anything else to click anymore.

If you somehow know if that's possible, I'd be more than impressed because at this point that loophole doesn't seem likely...

Share this post


Link to post
  • 0
On 5/1/2020 at 3:16 PM, czbwoi said:

Ah, thank you. Last bit of help since you're here and I've noticed this, is it possible to remove this custom CSS we've added once you click a thumbnail and are inside the new page? Like so that it's only present on the index page itself, but not anymore once you click on one of the thumbnails. It doesn't make much sense to continue to have something like "Click on the thumbnails for more." up top once you click on one and you're inside of it, when there isn't anything else to click anymore.

If you somehow know if that's possible, I'd be more than impressed because at this point that loophole doesn't seem likely...

Edit above code to

body#collection-5e72ae951e6cc747e7d6fdfd.view-list div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}

 


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
On 5/2/2020 at 9:44 AM, tuanphan said:

Edit above code to


body#collection-5e72ae951e6cc747e7d6fdfd.view-list div#container-content:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 5px;
    font-size: 2em;
    color: red;
    font-family: monospace;
}

 

Sorry, I never got a notification you replied back - but the above code does the same thing as before, the text still stays there once you click on a thumbnail :/

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...