How to change the colour of a block of text in mobile view only?

Site URL: https://parakeet-carrot-xzxb.squarespace.com/

Password: steph

I have a block of text (#block-yui_3_17_2_1_1665133501472_1648588) that is legible on desktop view (font: #000000), but it isn't legible on mobile view (too dark). 

Can someone please help me to write some CSS to make this block of text white in mobile view only? 

Many thanks! 

15 minutes ago, PoppyShotts said:

Site URL: https://parakeet-carrot-xzxb.squarespace.com/

Password: steph

 

I have a block of text (#block-yui_3_17_2_1_1665133501472_1648588) that is legible on desktop view (font: #000000), but it isn't legible on mobile view (too dark). 

 

Can someone please help me to write some CSS to make this block of text white in mobile view only? 

 

Many thanks! 

 

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1665133501472_1648588 p span {
    color: #fff !important;
  }
}

Support me by pressing 👍 if this useful for you

My testing

1 hour ago, bangank36 said:

My testing

thank you SO much - this works perfectly - thank you thank you! 

Poppy 🙂