Make First Character of a Node or Page Large

zucker - February 8, 2008 - 21:55

Is there a simple way, using CSS or a modification to a template, to size the first character only of a node to be larger than the rest?

Thanks in advance...

» Login or register to post comments

I'd be interested too.

rolandk - February 8, 2008 - 22:07

I'd be interested too.

Drop cap?

peacho - February 8, 2008 - 22:21

You mean a drop cap? That's easy do with the first-letter CSS2 psudeo-class. There's also other solutions to getting a drop cap. This website seems to explain it in good detail:

http://www.mandarindesign.com/dropcaps.html

I feel special now. I've actually helped someone on the forums instead of just asking for help. :P

That was an excellent explanation, but I'm still a little confused. I see that I can produce the desired effect by updating the CSS and then using "span". But I don't want to have to do this every time I post a new node or page. I want it to automatically format this way, no matter what text is typed in.

Am I missing something here, or is a modification to a template required?

CSS2

zucker - February 9, 2008 - 13:46

I'm guessing I'll have to look into this a bit more:

'The first letter in this paragraph is big. Magazines use the drop cap technique and CSS2 includes the first-letter pseudo class, but we want more control and we want to use use inline style so we are using a span to make the first letter of the paragraph big.'

Thanks again for all of your help!

It Works!

zucker - February 9, 2008 - 14:56

Got it! Used the first-letter in CSS and works like a charm!

http://www.lucy-the-talking-bird.com

Perhaps you could adapt the

bwv - February 9, 2008 - 01:12

Perhaps you could adapt the code from this theme:

http://drupal.org/project/stylized_beauty

"You can add dropcaps to the first letter in a paragraph by enabling full html during posting and spanning the letter with the class dropcap."
----------------------------------------------------------------------
http://www.bwv810.com/

I am a writer and researcher. In my spare time I build websites with Drupal.
Je peux communiquer en français. / Я могу общаться на русском языке.

Make First Character of a Node or Page Large

I'd be interested too.

Drop cap?

Drop Cap

CSS2

It Works!

Perhaps you could adapt the

Thanks!

http://drupal.org/project/dro

Dropcap for Drupal 6?

User login

Contributor links