Change "Leave a Comment" Text in Parament Theme?
-
Hi there,
I do have the Custom Upgrade for http://oncearoundtheroom.com
I am trying to change some text colors; some can be done with the “custom colors” dashboard, but not many. I’m hoping I can do a CSS override, but I’m having trouble figuring out the exact code for some of the elements. I do understand that to choose a color I need to use the “hex triplet” such as: #000080 for Navy
1. Can I change the “Leave a Comment” text color?
Example: If I go here: http://oncearoundtheroom.com/2009/06/22/day-4-tabara-to-santa-croya/ I can see that the comment box is at the bottom, but the text, “Leave a Comment”, is white on white, and any comments entered is in white text. I’d like to change that color
Other questions…
2. Can I change the color of the post headings?
3. Can I change the link color in the Calendar Widget? Dates with entries appear to be light grey and very hard to see which days have entries and which don’t.Thank you so much for your help!
The blog I need help with is: (visible only to logged in users)
-
To change the “leave a comment” text color, the code is here:
.highlander-dark #respond #comment-form-comment textarea, .highlander-dark #comment-form-share-text-padder textarea { color: #000080; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); }I put in the navy color you show above in this example.
You can change the post headings!
This is the code (again, with your navy inserted)h2.entry-title, h2.entry-title a { color: #000080; }The “a” you see there indicates that it’s changing not just the titles (h2.entry-title), but also the h2.entry-titles with an anchor link – which means the post titles will appear the same on your home/archive page and on your individual post pages. You can tinker with this by splitting those two attributes apart if you want.
The calendar:
#widget_calendar td a {color: #000080;}
This will change your event color to the navy color. If you want to change the non-event color do so thus:.widget_calendar td, .widget_calendar th { color: #FFFFFF; }Good luck!
-Z -
Thanks so much!!! I was able to change the heading colors easily. For some reason I’m not able to get the other elements to work right, although I was able to change the background of the “Leave a Comment” box so it’s not quite as bad now. I will keep tinkering with it and see if I missed something!
I’m wondering, though — it looks like the Parament theme has this very light grey font color for the majority of elements, since its default is a dark-background. So, every page has the light font, as do all the widget elements, etc. I cannot seem to override that main font color in the “Custom Colors” — there is no option for that.
So… Is there a way to use CSS to override that font color *everywhere*, or do I need to figure out and enter the CSS for each page, widget/element, basically wherever I want a dark color font instead of the grey?
(Example: http://oncearoundtheroom.com/the-route/ <–Although the font color is black on the main page, I’m not sure how to change the font color for each page, widget, etc…)
Thanks again!!
-
Well, I’m a dumb-dumb and figured out I can at least change the main body font color of pages by using the wysiwyg editor in the “visual” mode and changing the font color. D’oh!
Photo captions, etc are still all by default in that grey and I’m unsure how to change it…
-
So… Is there a way to use CSS to override that font color *everywhere*, or do I need to figure out and enter the CSS for each page, widget/element, basically wherever I want a dark color font instead of the grey?
The Custom Colors tool will change everything for you (well, everything you haven’t explicitly modified with specific styling in your CSS editor). Try it out. I think you’re going to *love* it. You can find it under Appearance → Customize → Colors & Backgrounds.
Here’s a video that shows off what it can do:
http://en.support.wordpress.com/custom-design/custom-colors/#video -
Hi,
Thanks for that link. I’d actually tried using the Custom Colors function, but there doesn’t seem to be a picker in that tool for the widgets, body text, or caption text with the Parament theme.
There’s just:
-“Background” which is the background color
-“Header Text” which seems to only change the large header at the top inside the header image
-“Links”
-“Highlights” which seems to change just the “Posted by Dina on July 8, 2012” at the top of each post
-“Foreground”, which changes the blocks/background around the widgets and posts.So, the text for post headings, tags, widgets, and body post are still grey, and I don’t see a way to change that using that tool….
Thoughts on other ways I can change the tags and widgets font colors?
Thanks!
-
Hi travellingdina – please can you help me i have the exact same problem with parament – the comment text box colour! I want a white foreground therefore no one can see what they are writing when they comment. I have never done CSS in my life, but i have the custom upgrade so i am able to do it if i was told step by step – like you have, i am wanting the comment text box background to be a darker grey colour so that the light text shows up.
If someone could post the code for me to copy paste and tell me exactly where i need to put it – i’d be entirely grateful!
Again – this cannot be changed with the ‘customise’ settings and its really bothering my readers!
-
would i be able to get help with it without posting the link? It’s erm… extremely private if you get me! Extreme NSFW etc.
-
- The topic ‘Change "Leave a Comment" Text in Parament Theme?’ is closed to new replies.