• 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

Change font type/color

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 › Change font type/color

This topic is: not resolved

Tagged: cafe pro, color, font

  • This topic has 7 replies, 2 voices, and was last updated 7 years, 9 months ago by desireejester.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2015 at 11:49 am #163456
    StephIvoryInk
    Member

    Hello! I am looking for assistance in changing the font in a widget. I cannot find the code to edit in the stylesheet. The child theme is Cafe Pro. The website is: http://www.prettysweetdesigns.com

    I need to change two things:

    The color of the text "the secret of getting ahead is getting started- mark twain" from white to black

    and

    Change the font type of the "Hi I'm Elizabeth" section to match the mark twain quote font.

    I appreciate any help!! 🙂

    Thanks!

    http://www.prettysweetdesigns.com
    August 25, 2015 at 12:16 pm #163460
    StephIvoryInk
    Member

    I was able to change the font color using this:

    #front-page-3 .widget-area .widget_text {
    color: #000000;
    }

    Still need help with the font type 🙂

    August 26, 2015 at 9:53 am #163576
    StephIvoryInk
    Member

    Still looking for help please 🙂

    August 26, 2015 at 2:45 pm #163614
    desireejester
    Member

    Crimson Text is being used for the body font and Dosis is being used for the heading tags. To change the heading text in that section, you are going to want to target

    #front-page-5 .widget-area .widget_text h2 {
    font-family: "Crimson Text";
    }

    August 26, 2015 at 3:37 pm #163627
    StephIvoryInk
    Member

    Thank you that was very helpful! I appreciate it. 🙂
    Would you happen to know how to center widgets? It's the last issue I am stuck on, I have three widgets all positioned to the left on the page: the "hi Im elizabeth", the testimonials, and the portfolio. I know you cannot use float: center in CSS and am having trouble narrowing down the correct coding.

    August 26, 2015 at 3:43 pm #163630
    desireejester
    Member

    Do you want them all on the same line and centered? Or do you want each one to have its own area but be centered within that area? There are two different fixes depending on what you want.

    If you want each one centered in its own area, target which ever widget area it is on and add a margin of 0 auto to it like this:
    #front-page-5 .widget-area {
    margin: 0 auto;
    }

    If you want them all lined up together and floating correctly, just add all the widgets to the same widget area and the column classes already built into Genesis should align them properly.

    August 26, 2015 at 5:03 pm #163651
    StephIvoryInk
    Member

    Thank you! I had to add the following and it worked perfectly 🙂

    #front-page-5 .widget-area {
    margin: 0 auto !important;
    display: block !important;
    }

    I'm not sure why the portfolio is still aligning goofy within the widget, but I think it may have to do with the portfolio plugin itself.

    One last question and then I will not be bothersome anymore 🙂

    The testimonial centered, but is slightly crashing into the text still, do I add margin: top to move that down?

    August 26, 2015 at 5:42 pm #163665
    desireejester
    Member

    Yes, you would add a margin-top to that widget area to pull it down from being on top of the graphic title 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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

© 2023 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