Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Freshy theme text colors and line spacing

  1. angrywhodat
    Member

    On the newly created blog angrywhodat.wordpress.com w/ Freshy theme

    Two questions.

    I want to replace all the green and orange headings and backgrounds with one uniform gold color.

    I want to increase the spacing between lines to reduce that "wall of text" look (not sure if that's a CSS question or not)

    I've never messed with CSS. I tried isolating the parts of code with the relevant color codes and pasting them with new colors into the add-on stylesheet. Not sure what I'm doing wrong - I'm probably not copy/pasting ENOUGH is my guess.

    Please help?

    The blog I need help with is angrywhodat.wordpress.com.

  2. timethief
    Member

    Hello there,
    Staff do provide CSS editing support. However, its the weekend so they may not get to this thread until Monday.

  3. designsimply
    Staff

    I want to replace all the green and orange headings and backgrounds with one uniform gold color.

    To find out what elements were using the green and orange colors in the Freshy theme, I looked at the original stylesheet which is linked on the Appearance → Custom Design → CSS page when the theme is active.

    Here is the original stylsheet for Freshy:
    https://s-ssl.wordpress.com/wp-content/themes/pub/freshy/style.css?m=1354352861g&minify=false

    #FF3C00 is the orange color, and #c9e45a is the green color. I copied all of the relevant CSS rules that use those colors:

    ::-moz-selection {
	background:#FF3C00;
	color:white;
}

::selection {
	background:#FF3C00;
	color:white;
}

#content a:hover {
	border-bottom:1px dotted #FF3C00;
}

#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover {
	color:#FF3C00;
}

#sidebar .current_page_item a,
#sidebar .current-cat a {
	color:#FF3C00;
}

.readmore {
	color:#FF3C00;
}

#content .postmetadata a {
	color : #FF3C00;
}

.description {
	color:#c9e45a;
}

html > body #content .commentlist dd.author_comment {
	background:#c9e45a !important;
}

#content .commentlist dd.author_comment {
	background-color:#c9e45a !important;
}

#content .commentlist .author_comment .author,
#content .commentlist .author_comment .author a {
	color:#c9e45a !important;
	border-color:#c9e45a !important;
}

    To change the colors, copy the CSS from above, switch out all the color codes with colors of your choice and paste the results into your Appearance → Custom Design → CSS page.

  4. designsimply
    Staff

    I want to increase the spacing between lines to reduce that "wall of text" look (not sure if that's a CSS question or not)

    I'm not sure what this is in reference to exactly. If you still need help with this question, please post back with a link where we can see the "wall of text."

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags