Custom CSS not working...hasn't for a long time

Site URL: https://rebeccalennoxstewart.com

Hi, my custom CSS block has been broken a long time and I think it's time to fix it! I need two bits of info underneath my social icons in the navigation part, left hand side.

1. I need this text : © Rebecca L. Stewart 2024    Code is below.

2. And I need some custom code from Reedsy for a little banner - they have provided the code I need to put in, which I have pasted below.

It all looks correct but on the first I get a red alert saying "missing closing "}". The second says 'syntax error line 1" Both look OK to me but then I have very little coding knowledge - can anyone help?

.header-nav:before {
    content: "© Rebecca L. Stewart 2024";
    display: block;
    position: relative;
    top: -50px; }

<a href="https://reedsy.com/rebecca-stewart-1" target="_blank">
  <img src="https://assets-cdn.reedsy.com/images/reedsy-logo-dark.png" width="380" />
</a>

Thank you

This is not CSS code, if you place it in Custom CSS box, you will see a syntax error

Hi Tuan phan - can you let me know what CSS I need to reflect the image on my website?

Can you let me know why the first one won't work either? WOuld appreciate some help or please point me in the right direction and I can figure it out. The top CSS has worked for years in Custom Code, so I don't understand why it's doesn't now.

Either way, neither of the things I posted show up on my website and I'd like to get them up there. Thank you!

Top is for Squarespace 7.1

but I see your site is 7.0 (or you shared wrong site)?

https://rebeccalennoxstewart.com/

The problem is that you are missing a double colon in the ::before psuedo-element (this is the technical term)

i.e. .header-nav::before

edit:
1. if you are including the css in an html document you have to put it in
<style></style> elements
2. or you could do it inline
3. if you are using the "Custom CSS" option in website tools it should just be the following:

.header-nav::before {
    content: "© Rebecca L. Stewart 2024";
    display: block;
    position: relative;
    top: -50px;
}

Thanks for your assistance @ironhopeshop-I've pasted it in but unfortunately it doesn't work. I'm on Squarespace 7.0, could that be the issue?

@tuanphan just to clarify - the site I've sent is correct and yes it's Squarespace 7.0.

The code I sent you worked a while ago and now it doesn/t

Also the second block of code I sent.... was sent to me by Reedsy saying 'paste this into your site'. That isn't working either. Is there a way I can make both of these pieces of code work in my Custom CSS box?