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

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

Try changing the word center to bottom. 

Hi Derrick,

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

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

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;
}