Sela theme-change all font to dark gray

• 

  svprobasco · Member · Jul 10, 2015 at 2:51 am

  • Copy link
  • Add topic to favorites

  how do i change all the font color to dark gray? I am not website savvy!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 10, 2015 at 5:38 am

  • Copy link

  Hi there, currently it looks like you have set colors in the post/page editor for the text. That will override anything that is put into the CSS since it is an HTML level style declaration. The main text color that is set in the CSS is #404040, which is a medium dark grey. Text colors are set in a variety of places. Do you want everything the same color, including widget titles, post and page titles, all content text, including widgets, and links?

• 

  svprobasco · Member · Jul 10, 2015 at 5:32 pm

  • Copy link

  Yes everything dark gray, except if possible links red #fd0e0b
  While i have you…is it possible to change the heading titles to Trajan Pro? and/or to not have them all caps? i am very new to this thanks for the help

• 

  thesacredpath · Member · Jul 10, 2015 at 11:55 pm

  • Copy link

  Hi, I’m checking around for all the text colors, and most of them are actually #333, which is a dark grey, but because of the lightness of stoke on some of the text, it appears that they are lighter. The lightness of the text within your posts is due to you setting a lighter grey text color within the editor. That we cannot override with CSS. You would have to edit all the posts where you have set #808080 from within the editor and remove that HTML from within the text tab. You would need to remove the opening and closing HTML span tags from each and every paragraph, or select all the text within the post and then set it to something like #333333.

  body, button, input, select, textarea {
      color: #333;
  }
  .page-title, .entry-title, .entry-title a, .entry-meta a, .featured-post, .featured-post:before, .wf-active .front-widget-area .widget-title, .wf-active .sidebar-widget-area .widget-title {
      color: #333;
  }

  Again, this will not change the post content text since you had set a color from within the post editor. I think the above catches everything.

  On the post titles, they look light due to the very narrow stroke on the letters. I tried adjusting the font weight, but the font doesn’t respond well to that change. You can try the following and see what you think.

  .wf-active .page-title, .wf-active .entry-title, .wf-active .entry-title a {
      font-weight: 800;
  }