• 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

Draft posts ignore custom style sheet

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 › Draft posts ignore custom style sheet

This topic is: not resolved

Tagged: custom style sheet, post drafts

  • This topic has 9 replies, 3 voices, and was last updated 7 years, 6 months ago by Andrea Rennick.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 16, 2017 at 8:53 am #213639
    dpalme
    Participant

    I have included a custom style sheet in the header (simple hooks), but I've noticed that post drafts are ignoring or at least not seeing the custom style sheet. Is there an easy way to fix this?

    November 16, 2017 at 2:43 pm #213649
    Victor Font
    Moderator

    You need to publish the post to have it show up on the site, otherwise you are only viewing it through admin CSS.


    Regards,

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

    November 17, 2017 at 7:38 am #213665
    dpalme
    Participant

    That seems so backwards to me, part of the preview is to see what a post will look like before its posted.

    November 17, 2017 at 8:55 am #213673
    Victor Font
    Moderator

    The current WordPress editor has a lot of shortcomings. When WordPress 5.0 is released next year, Gutenberg will be the default editor. The entire content entry landscape is going to change. If you install the Gutenberg plugin, you'll see what the future holds.


    Regards,

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

    November 17, 2017 at 12:47 pm #213682
    dpalme
    Participant

    Ok so its still not working. I published a post and its still not picking up the custom CSS. I have added code in the genesis simple hooks to output a specific menu and header, but on the posts its ignoring it.

    The three hooks I'm using are as follows:

    wp_footer
    genesis_before
    genesis_header

    Suggestions on how to fix this?

    November 18, 2017 at 5:33 am #213705
    Victor Font
    Moderator

    You're confusing me. A specific menu and header is not CSS. Headers and menus are PHP. And if you want a specific header and menu on a post, you have to remove the current header and menu and replace it with the new. All of this has to be wrapped in the is_singular() conditional.

    If you really are talking about CSS, you don't use Genesis Simple Hooks for this. And you certainly would use a style sheet in genesis_before or genesis_after. Please try to explain in more detail what you are actually trying to do. What do you want to happen when viewing a post?


    Regards,

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

    November 20, 2017 at 7:08 am #213782
    dpalme
    Participant

    I have CSS that formats the page, the formatting is being ignored on the actual blog page.

    November 21, 2017 at 9:35 am #213827
    dpalme
    Participant

    I have the following showing up in the single blog page:

    <link rel="stylesheet" type="text/css" href="http://www.palmeacres.com/styles.css">

    I checked the source so its there, but in the post itself I have the following:

    </p>

    That styling is being ignored completely. I know it works because I'm also using in on a page and that is displaying just fine.

    November 21, 2017 at 9:35 am #213828
    dpalme
    Participant

    crap it posted the image and not the code sorry:

    <img style="float: right; margin: 0px 0px 20px 20px;" src="http://www.palmeacres.com/wp-content/uploads/2017/11/hereford_herd.jpg"></p>

    in the image you will notice its right justified and smaller in size. However the blog post shows the image as large as the page itself.

    November 22, 2017 at 1:22 pm #213877
    Andrea Rennick
    Member

    Why not just add page specific styling with page classes to the existing style sheet?

    Adding another style sheet to load is inefficient.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

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