Jump to content

Adding a Header Title to Blog Page below the sticky banner on Skye

Recommended Posts

Site URL: https://www.aimeeblackledge.com/blog

I would like to have a title for my blog page is positioned below my sticky site header that I'm using on Skye.  I have used the following page header injection CSS, but it sits on top of the site header.

<header>
  <h1 style="text-align:center"><strong>Self-Fashioning Artists</em></h1>
  <h3 style="text-align:center"><em>Exploring How Artists Shape their Image across the History of Art</em></h3><hr>
  </header>

Website: https://www.aimeeblackledge.com/blog

 

Password: artistsascollectors

Any help would be greatly appreciated!

 

Cheers,

Aimee

Link to comment
  • Replies 3
  • Views 427
  • Created
  • Last Reply
On 2/12/2021 at 10:50 PM, Ablackledge said:

Hi Derrick,

 

Thanks for the speedy reply.  I tried this but it still sits on top (see screen shot).  

Screenshot 2021-02-12 at 15.49.18.png

Add to Design > Custom CSS

.collection-type-blog.view-list div#site:before {
    content: "Self-Fashioning Artists & Colectors";
    display: block;
    text-align: center;
    font-size: 30px;
}

 

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

Archived

This topic is now archived and is closed to further replies.

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