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

How can I customize the first letter? (Minimum pro)

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: resolved

Tagged: css, first letter, minimum pro, Studiopress

This topic has 3 replies, 2 voices, and was last updated 10 years, 11 months ago by Marcy.

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

Author

Posts
June 10, 2015 at 10:50 am #155742

henridelbosque
Member

Hello Friends,

I am working in this site (http://www.proediciones.com/) and I would like to style the first letter of each post on the front-page loop like in this site: http://swank1.pdcdsupport.com/

Problem is, I cannot find what css classes should I use to achieve that effect.

I'll be glad if someone can help me.
http://www.proediciones.com/

June 10, 2015 at 11:19 am #155743

Marcy
Participant

You would use p:first-letter, but then you also need to target only the first paragraph, so you would use:
p:first-child:first-letter

You can use this to add a drop cap; the second example
https://css-tricks.com/snippets/css/drop-caps/

Marcy | Amethyst Website Design | Twitter

June 10, 2015 at 11:26 am #155745

henridelbosque
Member

Merci. It worked perfectly with some tweaks 😀

June 10, 2015 at 12:00 pm #155748

Marcy
Participant

That's great!

Marcy | Amethyst Website Design | Twitter
Author

Posts

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

The topic ‘How can I customize the first letter? (Minimum pro)’ is closed to new replies.