Inheritance problem (link color)

  • TH

    (@th)


    21 years, 1 month ago

    I have a problem where… how should I describe this correctly, I don’t know all the proper terms yet…
    … beneath each story on my front-page it says “Comments (0)”. You click on that if you want to make a comment and you come to a comment form page. On this page it says

    “Leave a comment
    Logged in as SOMENAME.”

    The SOMENAME has inherited the color from the blog name in the heading, for some reason, but I want it to have the same link color as the other meta link stuff. My problem is that I cannot locate the proper name for this particular link. I think I need to add it to my css and give it a forced color. How can I learn the name for it? Could somebody give me a tip on that? I know it’s a stupid newbie question, but as a stupid newbie this is exactly the kind of questions I ask. I’m trying to learn by shamelessly stealing various ideas from different themes. The CSS structure from theme to theme is quite different. It appears that there are many possible ways to obtaining the same goal.

    Also: The full stop after SOMENAME. is not a link, just an ordinary full stop. This is somewhat esthetically unpleasing. Can it be removed?

    Also 2: Under each post once you have entered the comment-page it says:

    “Filed under: CATEGORY by MYNAME | “

    the | being a vertical separator line. This separator line isn’t neccessary in this case since there is no further info after this.

    On the front page it reads:

    Filed under: CATEGORY by MYNAME | Comments (0)

    Here the separator line is required since another point of info (number of comments) follows.
    Can the separator line be forced off the comment form and remain on the main page?

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ming

    (@ming)

    21 years, 1 month ago

    Can I get the link for this site? I checked the Cookie Factory but didn’t see any comment links.

    davincim

    (@davincim)

    21 years, 1 month ago

    Here’s a trick that I use. I’ve found that it comes in handy when I’m trying to do what you’re doing.

    Visit http://www.iconico.com/colorpic/index.aspx and download their ColorPic utility — it’s free. Hover over the element you’re wanting to change, grab the color (you’ll see what I mean when you install it) and then copy that color’s hex code. Then do a search for it in your style sheet.

    It helps narrow down the search, at least for me. So when you find something with that color, make your change, re-upload the style sheet and see if it changes what you want…that is, if it’s not already apparent when you find it in your style sheet. 😉

    Hope this helps.

    rustindy

    (@rustindy)

    21 years, 1 month ago

    Or you can go the easy route 🙂

    Use the Firefox browser with the Web Developer extension installed. In the CSS menu then, you’ll see an option called “View Style Information” – click that, then hover the mouse (now a cross-hair cursor) over the bit of text that’s ticking you off to find out what classes it’s part of. Then head to your stylesheet and change what needs changing.

    Remember that CSS is applied based on two main things: the order the browser gets the information (so if you’re styling H3 twice, the second one will override the first), and the specificity of the information (so since #content p is more specific than just p in your stylesheet, it is given precedence regardless of what order the browser receives the info).

    Your questions aren’t dumb, but without a link to the site, it’s more difficult to help.

    As for the last two questions regarding the | character – that should be changeable in the template files. Probably in index.php in the theme folder.

    davincim

    (@davincim)

    21 years, 1 month ago

    Oh man, I forgot about that feature in the toolbar! Darn it! So much stuff to keep up with. 🙂

    Thread Starter TH

    (@th)

    21 years, 1 month ago

    Oops. I should have pointed out that the site isn’t online at all. I want to see if I can figure this out before I go and do the entire change-host-to-one-that-has-mysql-and-more-storagespace thing.
    That’s why I had to make due with the clumsy description.

    RustIndy, you called it with the #content information. I didn’t know that. I just added #content to the tag with the other meta link colors and now the heading font color no longer overrides that one link color. Very nice.

    I do actually have that Firefox plugin but I had disabled it after install and forgotten about it. Knew it would come in handy one day and I guess that would be right about now. Another useful tip, thank you!

    As for the | , the search continues. I now suspect that it may be located in wp-admin/edit-comments.php. Maybe, maybe not. I searched the entire site in Dreamweaver for the symbol | , and it found 249 of them. I guess it’s a common php code symbol as well as being a usefull divider on-page. Will eliminate all | ‘s that are in theme files, apply some logic and in the worst case go through them all one by one.

    Thank you all for your help! You guys are very generous with your time!

    Thread Starter TH

    (@th)

    21 years, 1 month ago

    No, waut… the | symbol was in the index file like you said. I need to rest my eyes. It was right there in front of me. Now everything looks great. Almost.

    Thank you again all!!!

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

The topic ‘Inheritance problem (link color)’ is closed to new replies.