• 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

Child Theme HTML Is Different

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 › Child Theme HTML Is Different

This topic is: not resolved

Tagged: custom child theme, div classes

  • This topic has 2 replies, 2 voices, and was last updated 11 years, 8 months ago by ianbou.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 14, 2013 at 6:35 pm #73033
    ianbou
    Member

    Hi Genesis community,

    I build a site originally with the Genesis base framework and now am trying to convert it exactly to a custom child theme (because I'm told this is the best practice and will keep the design safe from updates).

    Originally, I added a custom.css sheet onto the base Genesis and modified functions.php to use custom.css instead of style.css.

    When converting, I copied custom.css from the base theme to the child theme. The child theme is reading my css properly, but some of the html classes used by my child theme are different from the classes used by the base framework!! The child theme is custom, so I don't understand why any HTML classes would be different, and I hope there's an easy solution to this issue!!

    I saved a copy of how the site should look (ie a copy of the site before switching to the child theme) (base framework plus my customizations in custom.css and changed functions.php to use custom.css):

    iswebsolutions.com/labs/cwood

    And here's the new site where I switched to a custom child theme and some of the css classes were switched on me:

    http://iswebsolutions.com/labs/convert
    November 14, 2013 at 8:13 pm #73050
    stinkykong
    Participant

    I think in the new child theme's functions.php file you would need to add :

    // Enable HTML5 markup
    add_theme_support( 'html5' );

    Your old version is HTML5 enabled while you're new version is not. That would change all the tags.

    Be sure to backup before working on functions.php


    Web Design by Websentia Web Services
    http://websentia.com

    November 14, 2013 at 9:06 pm #73068
    ianbou
    Member

    Boom, there it is! Thank you very much sir, saved me much frustration and tinkering.

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