Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Need help on press row theme

  1. insider53
    Member

    Hi first let me say thank you for all the support I have received so far here in this forum. I have 2 more things I need to change in my stylesheet and then I think I am done...fingers crossed. I have spent 2 days looking through the Press Row stylesheet (I think I am going blind from the small print) trying to locate the date and the filed under and tagged gifs so I can change their color. Is it possible to do this or am I on a wild goose hunt. I am a css newbie so please bear with me...I tried to do it but I am a little lost at this point. Can someone point me in the right direction. Is it possible to change the fonts in any of these themes or does that not fall under editing.

    The blog I need help with is passionsandsoapboxes.com.

  2. carocat
    Member

    I can't help you, but WOW, I love what you've done to Pressrow. I never liked that theme, but your work on it is very impressive.

  3. thesacredpath
    Member

    Add a "color" definition to the " p.tagged " section.

    p.tagged {
color: yourcolorchoicehere;
}

  4. insider53
    Member

    Thanks Carocat. Listen something strange just happened. I posted todays blog which has a numbered list and the number 8 keeps coming out a smiley face when I post. Not in my dashboard though just when I post. Can anyone explain this...is it something I did. I can't get rid of it.

    Thank you for the tip sacred path I will try that. Do you know how I change the color on the date.

  5. insider53
    Member

    Carocat the background isn't my work, it was done by "The Background Fairy" who has them for free on her website. You just paste the code into your stylesheet. I am not capable of doing anything like that yet. I was surprised it worked because most things like this won't inside wordpress.com. I think it looks nice though. There is a link on my page under favorite links if you want to check it out.

  6. carocat
    Member

    You can disable smileys meaning they won't auto convert to the images and just remain as characters. http://support.wordpress.com/smilies/

    Also, did you manually write the list or did you use the ordered list formatting as I believe it doesn't occur with the latter.

  7. insider53
    Member

    I just wrote it.. didn't know there was any other way.

  8. insider53
    Member

    Thank goodness I didn't even know that was turned on. I just thought it was mess with robin's mind Wednesday.

  9. carocat
    Member

    Nope, it's not, just your bog standard somewhat hidden wp.com option! ;)

    I turned off smileys a long time ago, I never liked it if a random icon appeared in a post in the rare occurence I used a smiley.

  10. insider53
    Member

    Still looking for some code that will change the date color. I know it is in here somewhere.

  11. thesacredpath
    Member

    The date color is h4. Add a color definition as you did with p.tagged .

  12. insider53
    Member

    Cool I will do that...

  13. insider53
    Member

    Ha! I just wrote my first code and it worked. I have just been copying from the stylesheet and pasting into the css editor to change minor things like color and font size. This feels so good... I accomplished something I didn't think I could do. Thanks guys

  14. thesacredpath
    Member

    You did a very nice job and you should feel good about it.

  15. insider53
    Member

    I am going to leave this thread open for a couple more days just in case I have any other questions.

  16. insider53
    Member

    Guess what I need help again. I am trying to change the color of the date inside the comments. I can't figure out the code. Someone please help me.

  17. thesacredpath
    Member

    It's here " .comment_meta a, .comment_meta a:visited, .comment_meta a:hover "

  18. insider53
    Member

    Once again you come to the rescue. I had been looking at that but for some reason I did not think that had anything to do with the date. Thanks.

  19. thesacredpath
    Member

    You're welcome.

    May I suggest (I'm letting out one of my secrets) that if you are using Firefox, that you install the Firebug addon. That is what I use to quickly figure out where things are controlled in the CSS, and to actually try out changes on the fly before I post solutions here in the forums. It makes me look a lot better than I actually am with CSS.

  20. insider53
    Member

    I am trying to change the color for the number of comments on the same page. Is the code located in the same area of the stylesheet.

  21. aw1923
    Member

    add this to your stylesheet and change where it says "red" by the way, this is assuming you're talking about on the from page of your blog at the end of the post where it says "(#) comments"

    p.num_comments a {
color:red;
}

  22. insider53
    Member

    Thanks aw1923 but that is for the post page or front page. I am looking to change it on the individual page with comments.

    Sacred path that is a good tip and I have it and try to use it but sometimes it is more confusing than helpful for now at least. As I get better so to shall it.

  23. aw1923
    Member

    ok, I'll try again, assuming you mean on the individual post page where it says in huge letter "# COMMENTS" and not the comments text located in the meta section then add this
    h2.comment_head { color: red; }

  24. insider53
    Member

    It is at the bottom of the post and and to the right of the tags. Not the large text, it is small. I changed it on the front page but can't seem to locate it for this page. thanks for taking the time to help.

  25. thesacredpath
    Member

    Add a color declaration to " p.num_comments " as aw1923 says. I changed it with Firebug and it changes the x comments to the right and above the tags and such at the bottom of the single-post page.

  26. aw1923
    Member

    sorry, for me it changes when you using

    .num_comments {
color:red;
}

  27. thesacredpath
    Member

    Hmmm, it also changes with p.num_comments with Firebug. Is that what you mean aw1923?

  28. insider53
    Member

    That did the trick aw1923. worked like a charm

  29. aw1923
    Member

    I use the Web Developer tool for Firefox and it worked without adding the "p". I still haven't wrapped my head around Firebug yet, I told myself I'll try it again but it looks confusing.

  30. thesacredpath
    Member

    I have web developer tool kit, but I haven't yet made friends with it. I need to do that.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags