Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Comments, trackbacks & pings »

Changing the comments "title" color and size

Build custom WP THEMES, without
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
Old Mar 25, 2011, 06:04 PM
7 posts · Feb 2011
When I have comments for a post and they are displayed, the phrase "X Comments to Post Title" shows up at the top of the comments (for example see http://frugalfunottawa.ca/frugalfish/?p=312). I have changed my center background color so that it is dark, and now this phrase is almost hidden. The font size of this phrase is also huge, I'd like to make it smaller. Can anyone tell me what code I need to insert in the css to accomplish this? Thanks.
Old Mar 25, 2011, 06:40 PM
lmilesw's Avatar
10,077 posts · Jul 2009
Central New York State USA
I don't recall if there are theme settings to do this but you could use the following in ATO>Add HTML/CSS Inserts>CSS Inserts and tweak the color and sizes as desired.
HTML Code:
#comments {
    color: #fff;
    font-size: 12px;
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Mar 28, 2011, 07:00 PM
7 posts · Feb 2011
Ok, that worked! Thanks. I'd also like to change the color of the words "Older /Newer Comments". The color didn't change, it's the default body/text link color. I can change the newer/older post indicators through the theme options but I can't change the older/newer comments indicators the same way.

Old Mar 28, 2011, 07:23 PM
juggledad's Avatar
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
1) go to a post with more than one pages of comments
2) go to one of the comment pages where it shows both the older and newer text.
3) view the source of the page
4) do a search for 'older comments'
5) look at the HTML that has been generated for that code
6) using the HTML elements and ID/CLASSes that are used create a CSS selector and rule
7) put the CSS into the CSS Inserts option
8) test it

You can also use firebug in firefox to look at the element and see what CSS you need to override. Playing with the CSS and experimenting is the best way to learn this stuff when you want to go beyond the theme options
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
Old Apr 2, 2011, 05:23 PM
7 posts · Feb 2011
I looked through the "view source" but I'm getting a bit lost - the div id seemed to be very long

<div class="clearfix navigation-comments-below"><a class='prev page-numbers' href='/frugalfish/?p=78&cpage=1#comments'>&laquo; Older Comments</a>
<a class='page-numbers' href='/frugalfish/?p=78&cpage=1#comments'>1</a>
<span class='page-numbers current'>2</span></div>

When I used .clearfix navigation-comments-below to try and style it, it didn't work. I think I'm on the wrong track Also, I made a $20 donation when I first signed up but am not listed as a gold member. I'd like to remove the "Powered by Atahualpa" from the footer and have read that I need to be a gold member (which I believe I am with my donation) to get instructions for that. Is this something you can look at? Thanks.
Old Apr 2, 2011, 05:48 PM
lmilesw's Avatar
10,077 posts · Jul 2009
Central New York State USA
In your situation I used Firebug and saw the classes for the older and newer links was .older and .newer but they are links so the selectors become .older a and .newer a so the CSS to change the color of the older and newer links, to red for exampe, is as follows.
HTML Code:
.older a, .newer a {
    color: red !important;
I had to add the !important to override CSS that is in place. This is sometimes necessary.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.


comments title

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing Comments Widget to "Follow us on Twitter" biorm Sidebars & Widgets 2 May 12, 2011 06:03 AM
Background color "sub-pages" and "whole menu bar" gxxfy Page & Category Menu Bars 1 Nov 24, 2009 02:46 AM
Changing Hover Color of "Submit Comment" Button adum Comments, trackbacks & pings 2 Jun 21, 2009 02:37 PM
modifying font size of "Today's Events" and "Upcoming Events" in sidebar ritland Forum How-To 0 Mar 16, 2009 03:23 PM

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

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