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)
-   -   Styling the comments area title font, form field and label font, and form field sizes (http://forum.bytesforall.com/showthread.php?t=2765)

jkintzele Aug 1, 2009 12:53 PM

Styling the comments area title font, form field and label font, and form field sizes
 
Hello Everyone, I'm a WP/Atahualpa noob, but I have to say, after test driving a number of themes, Atahualpa really impresses me.

Here is my question: I'm interested in styling the comments area to match the rest of my customizations for posts. Here is a link to a single post with a few comments:

UsenetAdvantage Blog

Please look at the comments area below the post. I'd like to alter the font styling of the "2 comments to The UsenetAdvantage.net Blog is Coming Soon!" and "Leave a Reply" text so that they match the post title style (which uses a smaller orange Verdana font), and I'd also like to adjust the size/font of the form fields and form field labels.

The style elements I specify in the ATO "Body, Text, & Links" and "Posts & Pages" don't seem to be picked up for the comments area, and I also can't find a built-in option - the "Style and configure Comments" section doesn't offer the option.

In reading these forums, I see that some of these matters are addressed with CSS inserts, but I'm not familiar with these. I have some experience with XHTML/CSS, and have worked with JS, but never with a PHP driven site. Can anyone give me some insights that'll help me get the work done wthout breaking things?

Thanks, John

jkintzele Aug 2, 2009 11:45 AM

OK, I read another post about the use of Firebug to inspect and tweak elements on the fly. Now I'd like to make my changes permanent using CSS inserts. Can anyone point me to a primer on CSS inserts? Thanks, John

jkintzele Aug 2, 2009 11:53 AM

Nevermind, I sorted it.

coghead Nov 9, 2009 01:26 PM

Hi jkintzele. I am a very new and green user looking to do the same thing - specifically I want to shrink the font size of the Comment section title.

When you say that you've 'sorted it' do you mean that you used css inserts, or did you find a non-css way to fix the problem? I'd love to fix it without css (as that involves a whole new level of learning that I've shoved to 'long-term').

Thanks for any reply.

Gord

juggledad Nov 10, 2009 04:22 AM

coghead
to change teh style of a post FOOTER go to ATO->Style POSTS & PAGES->FOOTER Box

jkintzele Nov 10, 2009 09:18 AM

Hi coghead - Yeah, I used the CSS Inserts, and the learning curve / required modifications aren't bad. Here is what I recommend:
- Get Firefox, and especially get the Firebug addon.
- Go to your "under construction" blog, and then to the page with the comment section title you want to style
- Activate Firebug and then click on the title you want styled. Look at Firebugs right-hand pane at the bottom - by clicking on the title Firebug finds and shows the default CSS - and, cool thing - you can make on the fly changes to the CSS to see how it would look. (These aren't permanent of course).
- Play with the relevant CSS in Firebug, falling back to Google or w3schools to do the (very small) amount of learning for this task
- Once you have a sense of the required change, go back to the ATO options - CSS Inserts are one of the very last. Add your insert. Here is an example of an insert I used to resize heading 3, and make it orange:
h3 {
font-size: 1.1em;
font-weight: bold;
color:#ff7322;
}

Hope that helps!
john@usenetadvantage.net
www.usenetadvantage.net


All times are GMT -6. The time now is 05:42 PM.

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