Jump to content

Add text to top of blog landing page

Recommended Posts

Site URL: http://hiddensouth.com/journal

I'm trying to do something that seems like it would be very simple. I'd like to have a paragraph of text that appears before the individual posts on my blog landing page. I believe that some templates insert the description that you write in the settings at the top of the page. Unfortunately it looks like the Tudor template doesn't do that.

Is there possibly code that I can inject in the header that will accomplish this?

 

Link to comment

Add to Journal Page Settings > Advanced > Header

<style>
  div#blogList:before {
    content: "tuanphan tuan";
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
</style>

 

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
On 11/4/2020 at 7:40 PM, hiddensouth said:

Th did the trick. Thanks!

I see header seems big on scroll. You can add this to Home > Design > Custom CSS to resize header logo on scroll.

/* resize header logo on scroll */
.logo-image img {
    transition: all 0.5s;
}
.header-tucked .logo-image img {
    max-height: 60px;
}

This page http://www.thehiddensouth.com/thehiddensouth

 has long content on mobile, you can consider adding a back to top button. I think on forum, you will see some code to do this.

 

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
  • 8 months later...
On 7/30/2021 at 2:06 AM, tracey said:

I'm wanting to do the same thing using the OM template but this code doesn't seem to work for me. Any tips?

Hi. Can you share link to blog landing page on your site? We can help easier

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
  • 6 months later...
On 2/16/2022 at 6:55 PM, claudiatinn said:

Hello, can you help with making the same text appear for all blog posts please?

Just add to Design > Custom CSS

div#blogList:before {
    content: "tuanphan tuan";
    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

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.