text color – twentyten

  • rgb_life

    (@rgb_life)


    12 years, 9 months ago

    Hey everyone,

    I’m developing a theme in twentyten and I cannot for the life of me change the color of my <dt> elements on this page:

    On the site below, it’s the 講師 page:
    http://www.biguglyrobot.net/speakeasy/

    Here is my CSS:

    div.profile dt {
	color: rgb(29,73,100);
	font-weight: bold;
	font-size: 2em;
	line-height: 1em;
	padding-bottom: 10px;
	text-shadow: -3px 3px 2px rgb(191,226,245);
}

    All of these rules except for color are working. I can’t figure this out for the life of me.

    Thanks in advance for any help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Clayton James

    (@claytonjames)

    12 years, 9 months ago

    Adjust your color as required.

    #content dt {
    color: #xxxxxx;
    }

    Thread Starter rgb_life

    (@rgb_life)

    12 years, 9 months ago

    Well, I’ve tried all the conventional forms for declaring colors: hex, rgb, strings; but to no avail.

    Is it possible that WordPress or twentyten has some filter or CSS declaration going on that prevents certain styles from hitting <dl> elements?

    Clayton James

    (@claytonjames)

    12 years, 9 months ago

    Is it possible that WordPress or twentyten has some filter or CSS declaration going on that prevents certain styles from hitting <dl> elements?

    Is it possible that what you are trying to change is just being controlled/overridden by this in the twentyten parent theme style sheet? (around line 501)

    #content dt, #content th {
    color: #000000;
    }

    Did you have any luck by adding what I suggested to the bottom of the child themes (speakeasy_ja) style sheet? Obviously substitute any color you like for my #xxxxxx

    #content dt {
    color: #xxxxxx;

    }

    [edit] After taking another look at the site, I see that you have already reassigned some new classes and removed the dt you were concerned with completely. The fix I suggested yesterday will no longer work.

    [edit-2] Looks like your solution using the “who” class seems to be working okay for you. 

    div.profile div.innercase p.who {
    color: #1D4964;
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    text-shadow: -3px 3px 2px #BFE2F5;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘text color – twentyten’ is closed to new replies.

Tags