How to add content above blog feed

What content? @jamesdesignsuite If only simple content, you can try adding to Home > Design > Custom CSS

.collection-type-blog.view-list .main-content section:first-child:before {
    content: "Creating, elevating, createing, elevating,Creating, elevating, createing, elevating,Creating, elevating, createing, elevating,Creating, elevating, createing, elevating,Creating, elevating, createing, elevating,";
    display: block;
    text-align: center;
    padding-bottom: 20px;
    font-size: 20px;
    color: #6a6a6a;
    font-family: monospace;
}

that worked a treat @tuanphan thanks

is there anyway i can make this text h1 class, so it behaves and looks the same as all other h1's across the site?

@jamesdesignsuite You want to wrap the text with h1 (need JavaScript), or just need the same style as h1 (just some line of CSS, i guess so)?

@tuanphan just need same style as h1, as a line of css i can add in

.collection-type-blog.view-list .main-content section:first-child:before {
    content: "Insight";
    display: block;
    text-align: center;
    padding-bottom: 20px;
    font-family: neue-haas-grotesk-display;
    font-weight: 500;
    font-size: 3.697916666666667vw;
}

@tuanphan,
I have a mixture of blog and non-blog pages I've been trying to apply this too. 
The code works great for blogs, but I can't get it to work for regular pages. 
Do you know what Class I should be looking for on a regular/blank page to make this happen???   

On 1/13/2021 at 4:06 PM, JLH said:

@tuanphan,
I have a mixture of blog and non-blog pages I've been trying to apply this too. 
The code works great for blogs, but I can't get it to work for regular pages. 
Do you know what Class I should be looking for on a regular/blank page to make this happen???   

Can you share link to page? We can check easier

On 11/1/2019 at 1:33 PM, tuanphan said:

.collection-type-blog.view-list .main-content section:first-child:before {
    content: "Insight";
    display: block;
    text-align: center;
    padding-bottom: 20px;
    font-family: neue-haas-grotesk-display;
    font-weight: 500;
    font-size: 3.697916666666667vw;
}

 

What would be the code for Hayden template? 

On 3/22/2021 at 6:52 PM, IMO said:

What would be the code for Hayden template? 

Can you share link to blog feed on your site or Hayden? We can help easier