Drop Cap - Changing Size and Background Colour

Hi Janine,

You could give this CSS a try:

.has-drop-cap:first-letter {
    background-color: #fff;
}

Thanks, Ying.

Now how can I control the size of the first letter?

Thank you.

Try adding a line like to Ying's CSS above: font-size: 20px;

Hi.

I added the CSS, but it didn't seem to change anything.

Thank you.

Hi there,

remove the CSS provided above and try this:

p.has-drop-cap:not(:focus):first-letter{
  font-size: 60px !important;
  font-weight: 500;
  padding: 10px;
  background-color: #0920d5;
  color: #ffff;
}

Hi, David.

Beautiful. That is exactly what I was hoping for. ;-))

Thank you.

Glad to hear that!