CSS for Elegant Grunge template

  • Author
  • #793541

    Hello! I didn’t realize WordPress custom design = CSS code (which I know little about). Suggestion made to post here for assistance. First on list: attempting to add splashes of color, starting with blog name “Official Site of Author BEH” bethelisaharris.com. Will need bells/whistles on entire site, recommendations appreciated!

    The blog I need help with is bethelisaharris.com.



    Hello there,
    At present we have just one Volunteer who provides help with CSS editing on a regular basis. Please be patient while waiting for his help.


    I gave you the code to change site title/tagline colors in the other thread you started on that. I’ll repeat it here.

    Site title (edit placeholder hex color code as desired).

    #header h1, #header h2 {
    color: #CC0000 !important;

    Page titles.

    h1.page-title, h2.page-title {
    color: #CC0000;

    Go to appearance > custom design, click on the CSS tab at top, delete all the informational text in the edit window, paste in the two bits of code above and edit the colors as desired.

    Also to find threads you have posted in or started, click on your username at top right on any forum page where it says, “Welcome, Username.”


    Yes, and please bear with me while I learn how to navigate the forums, and become familiar with the support. I tried the code you provided and it didn’t work. I think timethief suggested this forum so I posted here when I couldn’t get the code you provided to work. With that said, do I need to specify the color in CSS code? I don’t know what it is for green, (and still don’t fully understand how the codes work) unless I just use green but then your instructions seem to say it will allow me to edit the colors? Thanks!


    Welcome to the forums!

    Custom Design is not just CSS code. :) But it’s a big part of it right now. We put some work into changing site title, heading and body text fonts and size simple and that also includes access to 50+ fonts via Typekit.com included in the price of the custom design upgrade. We’re working on adding more updates too! So your feedback and ideas are welcome.

    I see that http://bethelisaharris.com/ is currently using the Elegant Grunge theme. In that theme, The CSS used to set the text color in the header looks like this:

    #header div a, #header h1, #header h2, #blog-description {
    color: lightGrey;

    So, if you add that exact same rule to your Appearance → Custom Design → CSS page and change out the color code, that should work:

    #header div a, #header h1, #header h2, #blog-description {
    color: darkSeaGreen;

    Here is a page with a list of colors: http://www.w3.org/TR/css3-color/#svg-color

    You can also use HEX color codes like #CC0000 which happens to be red. See this page for an example list of basic HEX color codes: http://en.wikipedia.org/wiki/Web_colors#HTML_color_names


    That worked, thanks!! If I just want color on the blog description, guessing I can remove references to headers? I’ll further explore links, etc. Really appreciate the help on these forums! You folks are FAST with the responses:-)


    Yep, you can remove everything except #blog-description from the selector list (the first part before the { left curly bracket).


    And thanks for the kind note about our forum responses. :) We have some stellar volunteers here!

The topic ‘CSS for Elegant Grunge template’ is closed to new replies.