WordPress.org

Ready to get started?Download WordPress

Forums

text color - twentyten (4 posts)

  1. rgb_life
    Member
    Posted 3 years 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.

  2. ClaytonJames
    Member
    Posted 3 years ago #

    Adjust your color as required.

    #content dt {
    color: #xxxxxx;
    }

  3. rgb_life
    Member
    Posted 3 years 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?

  4. ClaytonJames
    Member
    Posted 3 years 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic