Wordpress - How to change font colour of the webpage

Discussion in 'Programming' started by Rowan011, Jun 10, 2012.

  1. #1
    Hi All,


    I am wanting to change the font colour that my website uses for all of the normal text. I.e. in the wordpress edit areas if i make a new page it uses a greyish color with a grey/white back ground so that makes the text harder to read. Silly design.

    So when I add stuff in now I am manually putting the html tags in to change the font back to black. So I am overriding the html it wants to use, I dont know how healthy this is for the sites html.

    The webpage is www.radarsdirect.com.au

    I can get into the back end and style sheets but I dont know where to start.

    Look forward to hearing your responses,

    Cheers
     
    Rowan011, Jun 10, 2012 IP
  2. averyz

    averyz Well-Known Member

    Messages:
    1,228
    Likes Received:
    167
    Best Answers:
    2
    Trophy Points:
    115
    #2
    If you get a program like firebug you can select elements like the paragraph text and it will tell you what file and line they are on in the css files. or you can just open the files and manually look for the font you want to change.
     
    averyz, Jun 10, 2012 IP
  3. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hey thanks for your reply, I dont know which to change on the style sheets. Is there a name I should look for?
     
    Rowan011, Jun 10, 2012 IP
  4. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #4
    It differs from theme to theme.. post a link to yours and somebody will help :)
     
    robaid, Jun 10, 2012 IP
  5. 01global

    01global Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    in your WordPress Admin Panel
    Goes to Appearance .. Editor..
    and found "Stylesheet" or files ended in .css
     
    01global, Jun 10, 2012 IP
  6. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    There are all these links on the EDIT THEMES page in the wordpress back end. Which one do you think I should show?

    Templates

    404 Template (404.php)
    Archives (archive.php)
    Comments (comments.php)
    Footer (footer.php)
    Header (header.php)
    Image Attachment Template (image.php)
    Main Index Template (index.php)
    Page Template (page.php)
    Popup Comments (comments-popup.php)
    Search Results (search.php)
    Sidebar (sidebar.php)
    Single Post (single.php)
    Theme Functions (functions.php)
    archives.php (archives.php)
    brands.php (brands.php)
    links.php (links.php)

    Styles

    RTL Stylesheet (rtl.css)
    Stylesheet (style.css)
    slides.css (slides.css)
     
    Rowan011, Jun 10, 2012 IP
  7. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #7
    You should edit style.css but I can't say which element since I can't see the page... I asked you for the link of your theme or website so we could tell you what element to edit. Maybe you need a change in body element, maybe in some other tag...
     
    robaid, Jun 10, 2012 IP
  8. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Rowan011, Jun 10, 2012 IP
  9. 01global

    01global Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    write your site name.. would be more easy help you
     
    01global, Jun 10, 2012 IP
  10. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Uhm.. If you check my first post it is written there.
     
    Rowan011, Jun 10, 2012 IP
  11. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #11
    Can you make a test post without altering the style and leave a link to it? Or you can try editing style.css where you would use one of these and tell us if it helped:
    - color:#000000; instead color:#333333; in #content p tag (line 792 of your style.css)
    and/or
    - color:#000000; instead color:#333333; in body tag (line 24 of your style.css)
     
    robaid, Jun 10, 2012 IP
  12. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Hi I can change this it says #333 not #333333 I assume they are the same?

    I can change it and make a backup of the style before I do it. If it causes problems I will re-load the original.

    ?
     
    Rowan011, Jun 10, 2012 IP
  13. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #13
    Yeah, change it to #000 instead #333.

    If you don't edit anything around there shouldn't be any problems and you can just switch those changes back to #000, but it's not a bad idea to make backups when you're making changes in general :)

    If those changes don't help. just make a quick test page with some example test and post a link toward that particular page (so I can pinpoint the problem if it's not fixed by that #content p tag change which should do).
     
    robaid, Jun 10, 2012 IP
  14. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Done.

    I made a new page to see if it would come out black, unfortunately it is still the same as before.

    radarsdirect.com.au/test-page

    :(
     
    Rowan011, Jun 10, 2012 IP
  15. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #15
    It is black to me, try to visit that page with a clear cache (or refresh it with ctrl+f5). In that particular page, it is the body tag change which makes the difference (and you changed it to #000 as far as I can see after reload).
     
    robaid, Jun 10, 2012 IP
  16. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Argh how nooby of me of course the cache!

    Thanks so much - it worked. Your a legend.
     
    Rowan011, Jun 10, 2012 IP
  17. Rowan011

    Rowan011 Guest

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    I changed it to #000000 but it seem to go to #000

    Whats the difference?
     
    Rowan011, Jun 10, 2012 IP
  18. averyz

    averyz Well-Known Member

    Messages:
    1,228
    Likes Received:
    167
    Best Answers:
    2
    Trophy Points:
    115
    #18
    it is the same #000 is just shorthand for #000000
     
    averyz, Jun 10, 2012 IP
  19. robaid

    robaid Member

    Messages:
    126
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    35
    #19
    It's the same. Web colors can be defined with only 3 hexadecimal numbers while other colors require more details for the nuances (hence 6 hexadecimal numbers).

    Since I'm into website optimization, I tend to use 3 characters when possible since it lowers the size of files (which can be pretty significant for large websites or websites with huge amount of traffic).
     
    robaid, Jun 10, 2012 IP
  20. Magento Modules

    Magento Modules Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Magento Modules, Jun 11, 2012 IP