Can't override style of link… ?

  • Resolved artsyandi

    (@artsyandi)


    13 years ago

    I am having trouble styling a link in my comments section.
    An example of the page is here:

    http://www.andiosiek.com/?p=53#comments

    All I want to do is change the font of the reply button.
    I made a CSS style as follows to test some things:

    #content .commentlist li .reply {
	text-decoration: underline;
	font-size: 10px;
}

    Problem is that this rule WILL change the font to have an underline… but it WON’T change the font size (or color). It seems to me that the style controlling the size of the commenter’s name is also controlling this reply link. Does anyone have a solution for how I can solve this issue?

    If you need more information, please let me know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter artsyandi

    (@artsyandi)

    13 years ago

    P.S… The CSS styles controlling the size of the commenter’s name are as follows.

    #content .commentlist li a { font-weight:bold; color: #577077; font-size: 16px; }
#content .commentlist li a:hover {
	color:#7B979F;
	text-decoration: none;
}

    I’m guessing that the solution would be to take out the font size/color rules from this set of rules and apply it to a CSS rule specific to the name of the poster… but I’m at a loss as to what the ID would be for that rule…

    Any help is greatly appreciated!

    Michael

    (@alchymyth)

    13 years ago

    try:

    #content .commentlist li .reply a {
	text-decoration: none;
	font-size: 10px;
}
    Thread Starter artsyandi

    (@artsyandi)

    13 years ago

    Thanks alchymyth… worked like a charm!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't override style of link… ?’ is closed to new replies.