Drop Shadow Specific Section

Hi, I was wondering if there was any possible way to add a drop shadow to the text of a specific section of my home page? The white text is a little difficult to read but a small drop shadow will drastically improve legibility.

Yes, this is possible with adding Custom CSS. Can you share your website URL? Thanks!

On 1/11/2023 at 12:47 AM, Ziggy said:

Yes, this is possible with adding Custom CSS. Can you share your website URL? Thanks!

Hi Ziggy! 

https://www.tobiahlui.com

Try adding this to your Custom CSS:

section[data-section-id="63ba3dd09dcf5478914c2b38"] {
  h2 {
    text-shadow: 2px 2px #000;
  }
  p {
    text-shadow: 1px 1px #000;
  }
}

You can adjust the color and size of the shadow for the H2 and P text individually.

Let me know if that has worked, and give me a thumbs up if you can, thanks!

Hi @Ziggy
is it possible to add a drop shadow to a section? But instead of applying the drop shadow to look like the section is ontop of the one beneath it ... have it appear like the section is below the lower section?

Trying to explain 1st section on page (not header) child 1? I want it to appear to be under child 2?

https://www.wagthedog.nz/

I have the logo on the left and an image of the phone number on the right...that is the section I want below the *gallery...The first section is on every page but I want the effect to only be on selected pages. 

I know how to find the section ID just cant get the shadow to work