• 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

Move Style.css stylesheet to the footer rather than header

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 › Move Style.css stylesheet to the footer rather than header

This topic is: not resolved

Tagged: style.css, stylesheet header, stylesheet in footer

  • This topic has 5 replies, 3 voices, and was last updated 11 years, 4 months ago by Mallina.Studio.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2015 at 2:43 pm #137797
    iamzeus
    Member

    I inline my above the fold/critical css to render faster my website but I want to move my:

    <link rel='stylesheet' id='genesis-css' href='http://www.domain.com/wp-content/themes/genesis/style.css?ver=2.0.20150107' type='text/css' media='all' />

    to the footer rather to have it in the head to optimize even further my rendering of the page

    How can I do this? any easy way via functions.php?

    January 17, 2015 at 5:35 pm #137809
    Badlywired
    Member

    According to Google CSS in the document body adversely impacts rendering performance, moving it out of head would put it in body.


    My techy blog WordPress and stuff badlywired.com

    January 17, 2015 at 6:06 pm #137814
    iamzeus
    Member

    To the footer I meant

    Is there a way? To test it, im using autoptimize and it puts it in the footer but ads it as a nonscript and wanna move it myself better

    January 18, 2015 at 1:28 pm #137863
    Mallina.Studio
    Member

    it's bad idea for site rendering


    Частный дизайнер интерьера

    January 18, 2015 at 8:15 pm #137901
    iamzeus
    Member

    Im already inlinin the critical above the fold css, why would it be a bad idea to load the style.css later on?

    Anyhow whats the easiest way to do it

    January 19, 2015 at 11:19 am #137926
    Mallina.Studio
    Member

    you may change wp_enque_script ot wp_enque_style to wp_footer for you function loading css in functions.php

    SAMPLE, must check for your theme:
    remove_action( 'wp_enque_script', 'genesis-css' );
    add_action( 'wp_footer', 'genesis-css' );

    Then check source code for css load place


    Частный дизайнер интерьера

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

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