WordPress.com

1. veronicamade
   Member
   Jan 16, 2013, 3:45 AM

   I just upgraded to the Custom Design, thinking that I would be able to control what colors certain text is on my blog, but when I changed the color of my headings, it made the color of my links darker. The color of my headings and my links are actually the same color sky blue, but the color of my links is now a darker shade of blue, which I don't want. Does anyone know why this happened?

   I even tried changing the headings back to black (the default color) to see if that would change the color of my links back to the lighter blue, but that didn't work. The color of the links on my sidebar also changed to the darker blue. Is there a way to have separate control over that, too?

   I really don't like the way WordPress allows you to change the color of type. It's pretty limited. I don't know CSS, but if I did, would that give me more control to change more things individually?

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

2. 1tess
   Moderator
   Jan 16, 2013, 3:58 AM

   I'll move this topic to the CSS forum where someone with knowledge about it will find it more easily.

3. veronicamade
   Member
   Jan 16, 2013, 8:47 PM

   Can anyone help me?

4. designsimply
   Staff
   Jan 23, 2013, 7:33 PM

   The Custom Colors tool has a feature built in to detect hard-to-read text and try to fix it. These contrast rules will try to prevent the text from being displayed too light for some users to read and they are intended to improve readability and accessibility.

   If you'd like to override the contrast rules, you can add in CSS to your Appearance → Custom Design → CSS editor. It looks like you wanted to use #42d8f0 for your links and post titles in the content area and sidebar. Here is example CSS you can use for that:

   #main a {
   	color: #42d8f0 !important;
   }

5. veronicamade
   Member
   Jan 23, 2013, 9:49 PM

   designsimply,

   Thanks so much for replying to my post! I was hoping someone would.

   Ok, I'm a total newbie at CSS. Where do I put that CSS text that you gave me? Do I go to Appearance > Custom Design > CSS? There's a window that comes up that says CSS Stylesheet Editor, but I'm afraid to type anything in there because I don't want to mess anything up with my blog because I'm afraid I won't be able to change it back to the way it was before.

6. veronicamade
   Member
   Feb 1, 2013, 3:58 PM

   Can anyone tell me where to put this CSS text? I want to make sure I type it in the right place.

7. designsimply
   Staff
   Feb 14, 2013, 2:32 AM

   Do I go to Appearance > Custom Design > CSS? There's a window that comes up that says CSS Stylesheet Editor, but I'm afraid to type anything in there because I don't want to mess anything up with my blog because I'm afraid I won't be able to change it back to the way it was before.

   That's exactly the right place. Don't worry about messing it up because there is a preview button and the CSS editor also saves revisions so you can go back to the previous saved state even if you save a change that's not correct.

   Just jump in and edit! :)

8. veronicamade
   Member
   Feb 14, 2013, 3:11 PM

   That worked! Thanks so much for your help. I really appreciate it.

Topic Closed

This topic has been closed to new replies.