• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Make Default Font Black

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to Make Default Font Black

This topic is: not resolved

Tagged: font color

  • This topic has 6 replies, 4 voices, and was last updated 6 years ago by andytc.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 20, 2019 at 12:43 pm #491251
    jackieulmer
    Participant

    This seems like it should be easy, but in the newer word press editor I can't figure out how to take the default font from dark gray to black.

    Beautiful Pro Theme.

    Thanks.

    Jackie Ulmer

    PS - I am a NOVICE but can usually handle these type things.

    http://BillGatesJr.com/relationship-marketing/
    May 21, 2019 at 6:22 am #491265
    Victor Font
    Moderator

    With Gutenberg, what you see in the editor is not necessarily what you'll see on the front end. There are different style sheets for back end and front end.

    Beautiful Pro has not been updated to support Gutenberg. It's a significant effort to copy the Gutenberg styles from the Genesis Sample and make them compatible with another theme.

    If you're only worried about the color on the front end, use your browser's inspection tool to find the CSS that needs to be changed and edit the theme's style sheet.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    May 21, 2019 at 7:11 am #491267
    jackieulmer
    Participant

    Thanks Victor. As I mentioned, I am a novice, so I'm not sure what this means -

    "If you're only worried about the color on the front end, use your browser's inspection tool to find the CSS that needs to be changed and edit the theme's style sheet."

    I can't believe it's so difficult to make the default color black, which is pretty typical I would think?

    Thanks!

    May 26, 2019 at 9:16 am #491343
    MANNU
    Member

    Hi there,

    You can set those defaults using a couple functions. You’d likely need to make your own plugin and network activate it for it to work across the network. This plugin is great for creating plugins: https://wordpress.org/plugins/pluginception/

    To change the body background color and default footer widgets, you could do this:

    add_filter( 'generate_option_defaults', function( $options ) {
    $options['background_color'] = '#000000';
    $options['footer_widget_setting'] = '0';

    return $options;
    } );
    By font color, do you mean your content text color? If so, are you wanting the content area to have a black background instead of the body?

    May 26, 2019 at 11:39 pm #491352
    andytc
    Participant

    Everything -

    body {
      color: #000;
      font-weight: normal;
    }

    or just paragraph text -

    .entry-content p {
      color: #000;
      font-weight: normal;
    }
    May 27, 2019 at 9:44 am #491360
    jackieulmer
    Participant

    This is helpful. Where would I place this code? I used to know how to change it in the CSS files but everything has changed so much I can't even find it.

    I am not a professional word press site builder, just small sites and updates so a lot of this is WAY over my head. Thanks!

    May 28, 2019 at 3:23 am #491371
    andytc
    Participant

    Add the CSS to the WordPress customise section - 'Additional CSS'

    Notice the font-weight: normal; , the font-weight is set to 200 by deafult in the theme , were changing that because at 200 it's very light and even with black text it looks a bit grey still and you might think it hasn't changed ... so adjust that to suit.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble