Exclude Footer from Code Injection

Site URL: https://pappalecco.squarespace.com/

Hello,

I inserted the code injection below to create Drop Caps on about page and it's affecting the footer area

I tried to add the code in page header and/or in the page itself as code injection BUT it creates drop caps on the footer area of the about page.

Is there a way to exclude the footer from the code?

page is https://pappalecco.squarespace.com/about

password: p

Thank you!

--------

Code used:

<style>p:first-letter{display:block; float: left;
margin-top: -2.5rem; margin-bottom: 0rem;
margin-right: 15px; font-size: 6rem;}</style>

4 hours ago, Fabrizio said:

Site URL: https://pappalecco.squarespace.com/

Hello,

I inserted the code injection below to create Drop Caps on about page and it's affecting the footer area

I tried to add the code in page header and/or in the page itself as code injection BUT it creates drop caps on the footer area of the about page.

Is there a way to exclude the footer from the code?

page is https://pappalecco.squarespace.com/about

password: p

Thank you!

--------

Code used:

<style>p:first-letter{display:block; float: left;
margin-top: -2.5rem; margin-bottom: 0rem;
margin-right: 15px; font-size: 6rem;}</style>

You could try this code snippet. This will only target paragraphs in the main page, excluding the header and footer. Paste this in the header of the relevant page.

<style>
  #page p:first-letter{display:block; float: left;
    margin-top: -2.5rem; margin-bottom: 0rem;
    margin-right: 15px; font-size: 6rem;}
</style>

2 hours ago, Caroline_Smith said:

<style>
  #page p:first-letter{display:block; float: left;
    margin-top: -2.5rem; margin-bottom: 0rem;
    margin-right: 15px; font-size: 6rem;}
</style>

Thank you so much Caroline, it worked!

57 minutes ago, Fabrizio said:

 

Thank you so much Caroline, it worked!

No problem - glad I could help!