• 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

Page Header Style

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 › General Discussion › Page Header Style

This topic is: resolved
  • This topic has 11 replies, 2 voices, and was last updated 9 years, 7 months ago by ironjiant.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 20, 2013 at 12:33 pm #46907
    ironjiant
    Member

    I have built a site using the Education Theme here: ConstructionPlus.com

    I have a webfont that is in the h1 tag (the red bar header with the white font") but the bottom descenders of the font are being cut off in IE 8.

    I have not been able to discover why. I thought it was a style issue in H1 or .entry-title but I cannot find it.

    thanks!

    -Jim

    http://www.constructionplus.com
    June 20, 2013 at 12:37 pm #46908
    ironjiant
    Member

    http://www.constructionplus.com

    June 20, 2013 at 12:52 pm #46912
    Debra Scott
    Member

    I think you may have some part of the css above open somewhere because if you add ' to the front of the font family

    font-family: 'P22FLLWTerracotta-Regular;

    it renders properly in IE8 and Chrome


    need help with your business or personal website? Contact me at Fat Cat Designs

    June 20, 2013 at 1:48 pm #46918
    ironjiant
    Member

    Thanks Debra, but unfortunately it is still cutting off the descenders of the header font in IE 8 for PC.
    -Jim

    June 20, 2013 at 9:02 pm #46996
    Debra Scott
    Member

    yes you have added quotes to the front and back. If you take away one of those quotes it works as expected. This as I said previously could be because there is an open quote further up the stylesheet somewhere.


    need help with your business or personal website? Contact me at Fat Cat Designs

    June 21, 2013 at 8:16 am #47025
    ironjiant
    Member

    No luck Debra. Maybe you are seeing the default font instead of the webfont? see image below of what the font should look like (in red box) ... but IE8 it is still cutting the descenders off below the baseline.

    <br />
    http://www.constructionplus.com/terracott-font.png

    June 21, 2013 at 8:21 am #47029
    Debra Scott
    Member

    yes that is what I was seeing also. Just an idea. What about styling the default style with what you want and eliminating the style from the green and see if that works.


    need help with your business or personal website? Contact me at Fat Cat Designs

    June 21, 2013 at 8:56 am #47037
    ironjiant
    Member

    Thank you for your patience. Please see screenshot below. This is how this font is showing up in IE 8.0.6 regardless where the quotes are placed.

    http://www.constructionplus.com/font-on-pc.jpg

    June 21, 2013 at 9:01 am #47040
    ironjiant
    Member

    I've turned Caching plugins off and cache cleared to confirm.

    June 21, 2013 at 9:16 am #47042
    Debra Scott
    Member

    did you try this?

    What about styling the default style with what you want and eliminating the style from the green and see if that works.


    need help with your business or personal website? Contact me at Fat Cat Designs

    June 21, 2013 at 10:02 am #47048
    Debra Scott
    Member

    this is out of left field but since you have your font set up as a class try this

    .education-green h1.P22FLLWTerracotta-Regular {

    }
    .education-green h1{

    font-weight: bold;
    font-style: normal;
    font-size:44px;
    margin: 0 0 10px;
    background: #98002f;
    border: 1px solid #ccc;
    padding: 0px 105px 20px 2px;
    margin:-20px;
    padding-top: 0px;
    padding-left: 15px;
    padding-bottom: 20px;
    border-left-width: 0px;
    border-top-width: 0px;
    color: #fff;
    }


    need help with your business or personal website? Contact me at Fat Cat Designs

    June 21, 2013 at 10:29 am #47055
    ironjiant
    Member

    I will try that, thanks. I'll clean up that mess of margins and padding I've got there as well 🙂
    -Jim

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘General Discussion’ 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