Help With Colors

(6 posts) (3 voices)

1. 

   ucbdpresident
   Member

   Hi,

   I love this template, but I want to change the colors of some of the fonts. Right now, they are too light against the white background.

   While I am able to change the color for everything, I cannot seem to get it to change for only certain items without having to go in an do it manually for each page under the "kitchen sink" option. I want my style.css to already have these rules in place.

   While I thought I knew how to do this, I cannot seem to get it to work.

   For example, I want to get all of the "content" on my pages black.
   I can get all the text on my site black if I edit

   '/* Global Reset
   -------------------------------------------------------------- */
   html,body,div,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,p,ul,ol,li{vertical-align:baseline;font-size:14px;padding:0;margin:0;}'

   to
   '/* Global Reset
   -------------------------------------------------------------- */
   html,body,div,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,p,ul,ol,li{vertical-align:baseline;font-size:14px;padding:0;margin:0;color:#000}'

   When I try to change it just for body text, nothing happens:
   'body{letter-spacing:0px;word-spacing:.5px;line-height:20px;font-size:14px;}'
   change to:
   'body{letter-spacing:0px;word-spacing:.5px;line-height:20px;font-size:14px;color:#000}'

   Likewise, I need h5 to be to black, but I cannot figure out how to change this either. I assumed I would edit
   'h5{font-size:16px;letter-spacing:3px;text-transform:uppercase;}'
   to
   'h5{font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#000}'

   but doing that doesn't make any changes that I can see.

   I would really prefer to be able to do this without having to do it manually for each page (as I have 57 pages!).

   Any help would be great!

   Thanks!

   **Note, all the other features already in there I can get to change such as letter-spacing and word-spacing and text-transforms

   Posted 9 months ago #
2. 

   Ruderic
   Support

   Hello,

   Please try adding the "important" keyword to your CSS declarations. For example, change:

   h5{font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#000}

   To:

   h5{font-size:16px;letter-spacing:3px;text-transform:uppercase;color:#000 !important}

   Your styles are probably not being applied because there's a more specific selector in another part of the stylesheet. Adding the "important" keyword will indicate the browser to use your less specific selector.

   Posted 9 months ago #
3. 

   ucbdpresident
   Member

   Worked like a charm for the body text! At first I thought it was not working for h5, but then I realized on some of my h5's I had links. So it worked for the ones without links, and then the ones with links I just did manually (as there were not many of these).

   Thank you!

   Posted 9 months ago #
4. 

   ucbdpresident
   Member

   Actually I have another question related to font/text colors. Now all the links in my body are too light, but I cannot find where this in the code. There is nothing in the general typography section about links, and I can only find it in the header, footer, meta, single-post module, about author module, threaded comments, and sections related to the slider?
   None of these seem right, and in playing with a few and using the important keyword, the colors of the links in my body are not changing.
   So where should I look?

   Posted 9 months ago #
5. 

   Elliott
   Support

   Hello ucbdpresident,

   You can do this with our skin generator, http://mysitemyway.com/docs/index.php?title=Customization&action=edit&redlink=1.

   Under the "General Typography" section you can change default font size, color, as well as links and hover for the links.

   Posted 9 months ago #
6. 

   ucbdpresident
   Member

   Thanks, I actually just found another way to do it to in the general typography section.

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.