-
Hello,
I’m using the free version of Generate Blocks but would like to add a shadow to my dynamic title element in my global page header. I know how to get the dynamic title, but I don’t know how I add the shadow to the text.
I’ve read other replies but I don’t think I’m adding the CSS to the correct area. For visuals, my global page header is a full width image and I’m wanting the H1 title to have a shadow to make it pop out against the image a little more.
Can you offer suggestions on how to do this and where exactly do I add the CSS.
Apologies if this is basic, but I’m at a loss.
Many thanks in advance for any help or info 🙂
Kerry
-
Hi there,
You can add a css class to the headline block, eg.
shadow-heading, then add this CSS:.shadow-heading { text-shadow:1px 1px 2px black; }Adding CSS class(es): https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/
Additionally, you can use a tool like this to generate the CSS effect you want:
https://html-css-js.com/css/generator/text-shadow/ -
YING! Thank you so much for this! I truly appreciate it! It worked and thanks for the generator link too! It’s a great tool.
Many thanks, greatly appreciate your time
Kerry -
Awesome! Glad to hear that 🙂
- You must be logged in to reply to this topic.