Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Comments, trackbacks & pings (http://forum.bytesforall.com/forumdisplay.php?f=19)
-   -   Change comment font size (http://forum.bytesforall.com/showthread.php?t=335)

6clix Feb 11, 2009 12:12 PM

Change comment font size
 
Hello. I can't seem to find options on how to change the font size on comments. So how can can the font size of comments be changed? And how can the font size of the date above the comment be changed? and one more thing, how do you change/edit the contents of the about page?

Thanks in advance and good job on the theme.

Flynn Feb 11, 2009 05:15 PM

Quote:

Originally Posted by 6clix (Post 1223)
Hello. I can't seem to find options on how to change the font size on comments. So how can can the font size of comments be changed? And how can the font size of the date above the comment be changed? and one more thing, how do you change/edit the contents of the about page?

Thanks in advance and good job on the theme.

Font in comments

HTML Code:

ul.commentlist {
font-size: X.Xem;
}

comment date (and Reply link in WP 2.7 if paged comments enabled)
HTML Code:

div.comment-meta {
font-size: X.Xem;
}

About page: Like any other page, go to Site Admin -> Pages -> [Page Title] -> Edit

MacMyDay Feb 12, 2009 12:04 AM

so if I understand this correctly you would make this change in the CSS/HTML inserts? To change font size of the comments?

Flynn Feb 12, 2009 12:09 AM

Quote:

Originally Posted by MacMyDay (Post 1289)
so if I understand this correctly you would make this change in the CSS/HTML inserts? To change font size of the comments?

Yes, add the above via HTML/CSS Inserts -> CSS Inserts

MacMyDay Feb 12, 2009 12:24 AM

Flynn -

I know a stupid questions, but you put x.xem as an attribute, is this better or more complaint that say using px or xx%?

MacMyDay Feb 12, 2009 12:32 AM

okay. So i was able to affect font size and color. But what I'm trying to do is create a buffer or padding between the author date and the beginning of the actual comment. And trying to increase leading (line spacing) what I've done here but my attempts at margin and spacing don't affect anything:

Code:

ul.commentlist {
font-family: Verdana, arial, helvetica, sans-serif;
color: #666666;
line-height: 16px;
top-margin: 1.1em;
font-size: .80em;
}

thoughts?

Flynn Feb 12, 2009 12:37 AM

The date is inside div.comment-meta

HTML Code:

div.comment-meta {
padding-bottom: 30px;
font-size: X.Xem;
}

em allows the font to resize when a visitor wants to resize all fonts a a website through his browser. % is similar but less predictable as it is always relative to the font size in a parent container. pt is meant to be used for print. px is the easiest to use but not resizable

MacMyDay Feb 12, 2009 09:36 AM

thanks for the clarification, Flynn. That makes sense. I'll use em from know on. Makes sense.

MacMyDay Feb 12, 2009 09:48 AM

what about linespacing within comments. I've tried

>> line-height: 16px;

but that doesn't seem to do anything?


All times are GMT -6. The time now is 03:03 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.