Need help? Check out our Support site, then


Custom Colors

  1. I have been desperately trying to figure out how to change the default post font color on my website. The normal color customization "dots" do not have a "dot" for the post font. It is currently grey, but that does not make it as easy to read as I'd like. Please help me out if you can!

    The blog I need help with is midwestsole.com.

  2. This will help you with locating Triton Lite selectors
    https://wpcom-themes.svn.automattic.com/triton-lite/style.css

  3. So then how do I edit the color code # if I find which one it is?

  4. A lot of people learn to figure out which color code to edit CSS by trial and error, but there are some extremely handy browser tools built into all the latest browsers these days that you can use to help identify what CSS is being applied to stuff. The browser tools are a million times easier than wading through a style.css file, but if you know what you're looking for or if you want to learn CSS in depth then an exercise like that could be helpful.

    To see what CSS applies to what, right-click on the element in a recent browser such as Chrome and select the "Inspect Element" option. A panel will open highlighting the HTML for the thing you clicked on as well as all the CSS rules that applied to it (even stuff that isn't in the style.css file).

    In this case, if you inspect the CSS for the gray text of post text on your home page using the Triton Lite theme, you'll see that the selector where the color is set is: ".lay1 > div .post-content"

    I also noticed that you would probably want to update the background color of the "Read More" boxes too. Here is a CSS example to get you started:

    .lay1 > div .post-content {
    	color: #ffffff;
    }
    
    .lay1 > div:hover .read-more {
    	color: white;
    	background-color: #b22222;
    }

    You can update the color codes to whatever you'd like. Here is a color picker you can use to pick out colors:
    http://automattic.github.com/Iris/

    And if you'd like to learn more about CSS basics, that's awesome! Here is a good starting out tutorial if you're interested:
    http://www.htmldog.com/guides/cssbeginner/

Topic Closed

This topic has been closed to new replies.

About this Topic