• Resolved thelowerrhythm

    (@thelowerrhythm)


    Hello,

    I’m having trouble gaining control over two bits of text. 1. Where it says “TOPICS:” near the top of each post, and 2. The names of authors on the comments section.

    Both seem to be defaulting to black. I even tried removing every single #000000 and #000 reference from the CSS to try and single them out, but no luck. My best guess is that these elements are tied together stylistically, and that perhaps the code to control them is missing altogether (as was the code to control the Paragraph style).

    I have a bit of PHP / CSS understanding, but not enough to debug this issue. I’m sort of hoping it’s a simple matter of dropping in a few lines of CSS.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Can you please post a link to your site? I just installed the theme and I don’t see the word TOPICS at the top of my posts. Or are you referring to the categories next to the post date on the blog page?

    Also, you should not be editing the theme’s stylesheet directly. If the theme gets updated because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. Instead, either create a child theme or use a CSS plugin like Jetpack or Custom CSS Manager. Then you would write rules which override the existing rules which give elements their particular color.

    Thread Starter thelowerrhythm

    (@thelowerrhythm)

    http://people.oregonstate.edu/~hawkj/ is where I’m testing it.

    And yeah, I’ll try that out. I’ve just been creating it locally and then copying it to the server — I was unaware of the other options for that until just new.

    If you click on the Xeodrifter post, for example, it’ll have some text near the top: “TOPICS:3DSJacob HawkReviewXeodrifter” …you’ll see that the “TOPICS:” part is invisible due to being black on black.

    The B.O.B. entry is the only one with test comments, where you can see the same thing happening to the author names.

    Side note… regarding the TOPICS text… for some reason the latest post doesn’t have that text either, like you described for your own look at it. It’s the only one… no idea why, will have to examine the differences between it and the other posts tomorrow.

    Thanks!

    OK, so TOPICS is the label used for tags. So if you added tags to a post, those tags would appear with the word TOPICS next to them. You can see the tags for a post by going into the post editor. Down along the right side, you should see a section labeled Tags.

    So, if you want to change the color of the TOPICS label, you would add this CSS using either a child theme or a CSS plugin:

    .entry-tags span {
       color: #fff;
    }

    This changes the label to white.

    This rule will change the color of the comment authors:

    .commentlist .comment .vcard {
       color: #fff;
    }

    If you want to change the appearance of other elements, you’ll want to learn how to use a web debugging tool like Firebug or Chrome Developer Tools. These tools will enable you to see the CSS which are affecting a particular element so you can write an overriding rule for it.

    Thread Starter thelowerrhythm

    (@thelowerrhythm)

    Oh man, thanks so much. Especially for the links to the debugging tools! I so very much appreciate it!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS Issue’ is closed to new replies.