Make First Character of a Node or Page Large

Posted by zucker on February 8, 2008 at 9:55pm

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...

Comments

I'd be interested too.

Posted by rolandk on February 8, 2008 at 10:07pm

I'd be interested too.

Drop cap?

Posted by peacho on February 8, 2008 at 10:21pm

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

Drop Cap

Posted by zucker on February 9, 2008 at 1:29pm

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?

6 Drupal Sites:
http://www.noregifting.com Drupal 5.1
http://www.zuckerslist.com Drupal 5.1
http://www.lucy-the-talking-bird.com Drupal 4.7.5
http://www.nobrownbaggers.com Drupal 5.1
http://www.2nd-chance-encounter.com Drupal 5.1
http://www.elating-

CSS2

Posted by zucker on February 9, 2008 at 1:46pm

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!

Posted by zucker on February 9, 2008 at 2:56pm

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

Posted by bwv on February 9, 2008 at 1:12am

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. / Я могу общаться на русском языке.

----------------------------------------------------------------------
http://classicvinyl.biz ~ http://vinylclassics.biz ~ http://jazz.vinylclassics.biz
My YouTube Channel

Make First Character of a Node or Page Large

Comments

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?