Trying to change/resize the font in the text under my gravatar

imaprile · Member · Jan 24, 2010 at 5:13 am
Copy link

Add topic to favorites
Maybe I’m just not seeing the code in my CSS (have upgrade), but I can’t figure out how to increase the text (and possibly change the font to match the ‘body’ font) in the widget that has my Gravatar. It’s too small currently.

Any help is appreciated. Thanks!

http://imaprile.com

The blog I need help with is: (visible only to logged in users)
panaghiotisadam · Member · Jan 24, 2010 at 5:30 am
Copy link
Why not simply add a div in the widget text box?
```
<div style="font-size:120%;">
TEXT_HERE
</div>
```
imaprile · Member · Jan 24, 2010 at 6:00 am
Copy link
You mean within the gravatar box (text) itself? Hmmm… lemme see what happens. That wouldn’t change the font though?
imaprile · Member · Jan 24, 2010 at 6:28 am
Copy link
@pana I figured it out! Font too. THANKS a bunch!
raincoaster · Member · Jan 24, 2010 at 6:28 am
Copy link
You’re only modifying one quality of the text, not which font it is, just the size.
imaprile · Member · Jan 24, 2010 at 6:41 am
Copy link
@raincoaster… I know. based on what @pana gave me I was able to figure out the other part. I didn’t realize you could put HTML in this area. Learn something new everyday!
panaghiotisadam · Member · Jan 24, 2010 at 8:21 am
Copy link
You’re welcome!

Having checked the source code of your page, I’ve got three suggestions:

a) You should use percentages or em units for font size, not pixels.

b) “div” means a section; you don’t need separate div tags for each command that refers to the same section – just one div with all commands next to one another, for instance:
<div style="font-size:140%;line-height:.7em;text-align:justify;">

c) Justified text doesn’t work well with big sized text in a narrow column: you get gaps between words.

No items found.