How to Change Color of Fonts

  • Resolved maggieameanderings

    (@maggieameanderings)


    8 years, 8 months ago

    I’m a total newbie to www.remarpro.com. A friend asked me to make a website for him. I’d guess that I’m the only person he knew who ever made their own website which is why he asked me. But I did those websites in an HTML editor, not www.remarpro.com. So yesterday was the first time I’d made a website with www.remarpro.com.

    I’ve got the site up and have already created a child theme which I know works as I’ve made some changes with it. However, there is one change I haven’t been able to figure out…………..

    Change the color of ALL the fonts (Menu, Headings, Body Text — I don’t care about the footer, the footer font color can change or not) from #404040 (gray) to #000000 (black). I have figured out how to change the color of the Headings in the body, but can’t find where to change ALL the font color. If it can’t be done all at once and has to be done individually then I’m looking for how to change font color for the Menu and Body Text.

    In addition to clicking on the elements and using the Inspect tool, I downloaded the style.css file and tried to find where to make the change. I tried adding the Font plug-in that changes font size and color, but this website uses free hosting and it doesn’t seem to be allowed in the PHP settings for the website to connect to a remote server. I also Googled how to change font color, but the suggestions I’ve found must have been theme specific because they did not work with the theme I’m using.

    Address of site is https://omnieducation.org/
    Theme: Editor

    If you can tell me what change(s) to put in the child theme, I would appreciate it greatly.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    tip: If you use the “computed” tab of the Chrome inspector, you can walk back through the CSS to see where something’s set.

    The default font color is set in “body”, so

    body { color: red; } will set the default font color to red.

    Thread Starter maggieameanderings

    (@maggieameanderings)

    Thank you. That worked to change the font color in the body, but not in the menu.

    I use Firefox and when I “Inspect” the menu, it appears to be called .main navigation but when I try this code:
    .main-navigation {
    color: #000000;
    }
    it doesn’t change the menu color.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    See this:

    https://dl.dropboxusercontent.com/1/view/44flyyd6pmy16x9/Apps/Shutter/Selection_009.png?dl=0

    Thread Starter maggieameanderings

    (@maggieameanderings)

    When I tried
    .main-navigation {
    color: #000000;
    }
    I also tried
    .main-navigation a {
    color: #000000;
    }
    and it also did not work to change the font color in the menu.

    You highlighted — thank you for doing that!! — an area called “main-navigation a” so that is the name of that section?

    That’s part of why I posted this thread…………I thought I grasped enough about a child theme that I found the name of the section and then put the change after it, yet when I tried it nothing changed and I figured I must be not getting the name of the section correct.

    Yet apparently that was the name of the section and it still didn’t work for some reason. I’ll try doing it again. I know on my personal website I’ve run into issues where I’ll upload a new html file, hit refresh and for some reason the page still “reads” the old file. Maybe that was happening here.

    Thread Starter maggieameanderings

    (@maggieameanderings)

    Yes, it worked this time. Must have been that weird computer glitch of reading the previous file as I just cut & pasted the same code I had tried previously. (I keep a list of all the code I try even if it doesn’t work so I’ll know what I’ve tried.)

    Thank you so much for the all the help!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Change Color of Fonts’ is closed to new replies.