Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Drop Shadow on Homepage Top Text

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not a support question

Tagged: css code, Drop shadow, font, text, welcome message

This topic has 2 replies, 2 voices, and was last updated 10 years ago by AngEngland.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
May 10, 2015 at 10:35 pm #151633

AngEngland
Member

I was able to add a drop shadow on the homepage top widget title text with the following code:

.home-top .widget-title {
color: #fff;
font-size: 60px;
text-shadow: 2px 2px 4px #000;
line-height: 1;

The "text-shadow:" part is and the following pixels dictates the size of the dropshadow.

You can see the effect in the welcome message section of angengland.com

Angela
http://angengland.com

May 10, 2015 at 10:39 pm #151634

Porter
Participant

Looks good with the big text, I'll have to try this for titles myself.

I originally thought this forum was for questions only, as we have the showcase and feedback forum, so excuse my earlier comment if you saw that 😀

Buy me a beer? | Try DigitalOcean VPS Hosting

May 10, 2015 at 10:50 pm #151637

AngEngland
Member

Oh I wasn't sure where to stick it but this one said "code snippets" so I thought maybe this would be the best place. I tassled back and forth with where to stick it.
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.