Need help? Check out our Support site, then


CSS - changing colors

  1. http://noistrategies.wordpress.com/

    I am trying to figure out how to change the color of the red date marker for reach post. I was able to change the menu to blue with an image, but I cant seem to change this. I have tried changing the hex number in the css for the gradient as well that did not change it for some reason.

    Cant change the hover colors on the menu either.

    Thanks!

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

  2. Ooofff! Last time I tried to do this, the CSS Tidy program that wordpress uses on user CSS stripped all the stuff out. The red for the month is actually a CSS gradient, and that requires several background declarations (and a filter for Internet Explorer) and CSS Tidy and/or wordpress was not allowing multiple background declarations.

    Add this to the bottom of your CSS and edit the hex color codes. The first color code is the top color and the second is the bottom color. If you save this and it all basically gets stripped out, then go onto the second bit of CSS below which will allow you to set a non-gradient background color of your choice. The first line, the background with only a single color declared, is the fallback for browsers that do not recognize gradients.

    .post-date .month {
    background:#cb151b;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb1c24', endColorstr='#a30c10');
    background:-webkit-gradient(linear, left top, left bottom, from(#eb1c24), to(#a30c10));
    background:-moz-linear-gradient(top, #eb1c24, #a30c10);
    background:linear-gradient(-90deg, #eb1c24, #a30c10);
    }

    If the above gets stripped by CSS Tidy/wordpress, add the following to the bottom of your CSS and set the single color you want.

    .post-date .month {
    background: #cb151b !important;
    }
  3. One other thing. The wordpress and theme credits in the footer of the themes here have to remain visible. It is against the terms of service to hide or remove them.

  4. Hey Thanks, Got stuff working right now thanks for the codes.

    Thanks for the heads up on the other as well.

  5. You are welcome.

    Nice looking site by the way. I like the colors, and I love the basic design of iTheme2.

  6. glad you like it, you actually helped me with the same header on the other blog I am working on, the montauk group.

    Now I can change this on there also. Thanks again Sacredpath, to the rescue once again !

  7. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic