Trying to add a Text block to Blog/News page in 7.0

Site URL: https://rhino-potato-yp38.squarespace.com/

Trying to add a text block "News" to the Blog page (menu item News) in 7.0. Moksha template. Hoping to have this page match the others on the site with the block between the picture and the blog/news items. 

PW is: kraftpaper

Can this be done by CSS using the site H1 header?

10 minutes ago, 1to3go said:

Site URL: https://rhino-potato-yp38.squarespace.com/

Trying to add a text block "News" to the Blog page (menu item News) in 7.0. Moksha template. Hoping to have this page match the others on the site with the block between the picture and the blog/news items. 

PW is: kraftpaper

Can this be done by CSS using the site H1 header?

Can you share the link to this page?

22 minutes ago, bangank36 said:

Can you share the link to this page?

https://rhino-potato-yp38.squarespace.com/ PW kraftpaper

On 4/7/2022 at 6:56 AM, 1to3go said:

https://rhino-potato-yp38.squarespace.com/ PW kraftpaper

Try adding to Design > Custom CSS

section.BlogList:before {
    content: "enter text here";
    display: block;
    font-family: hypatia-sans-pro;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    letter-spacing: -.02em;
    line-height: 1.2em;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
    color: red;
}

8 hours ago, tuanphan said:

Try adding to Design > Custom CSS

section.BlogList:before {
    content: "enter text here";
    display: block;
    font-family: hypatia-sans-pro;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    letter-spacing: -.02em;
    line-height: 1.2em;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
    color: red;
}

 

Any way to reflect the sites H1 font?

8 hours ago, tuanphan said:

Try adding to Design > Custom CSS

section.BlogList:before {
    content: "enter text here";
    display: block;
    font-family: hypatia-sans-pro;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    letter-spacing: -.02em;
    line-height: 1.2em;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    margin-bottom: 20px;
    color: red;
}

 

OK A few tweaks and it's perfect:
 

/*sdd text to news blog page*/

section.BlogList:before {
    content: "News";
    display: block;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    font-style: normal;
    font-size: 80px;
    letter-spacing: 0em.;
    line-height: 1.1em;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    margin-bottom: 60px;
    color: hsl(232, 84%, 19%);
    text-shadow: 3px 3px 7px #909090;
}

/*sdd text to news blog page*/