• 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

Proper Way To Add Additional Markup?

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 › Proper Way To Add Additional Markup?

This topic is: not resolved

Tagged: addition, class, css, custom, structure, wrap

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 4 months ago by Victor Font.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 12, 2018 at 3:41 pm #224322
    Porter
    Participant

    If I wanted to add another class around site-header, or even something more nested / specific, such as title-area, how do I go about that? I'm fully aware of the .wrap class and structural wraps, and believe these are implemented using the method I would use to achieve this, but I'm not sure. I believe there are markup functions / filters that allow you to add additions, but I haven't quite wrapped my head around them, or figured it out.

    To be clear, I want to know how to add any class, around any section of genesis, not just the example provided. Plenty capable of getting my hands dirty, just need to be pointed in the right direction.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 12, 2018 at 4:45 pm #224323
    Victor Font
    Moderator

    Try this: https://victorfont.com/genesis-framework-add-a-custom-css-class-to-elements/


    Regards,

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

    November 12, 2018 at 5:07 pm #224325
    Porter
    Participant

    I just added a rather large response, but was met with a warning I had been blocked by Studiopress for security reasons - very annoying.

    In short - wouldn't that simply add the class in parallel, not wrap around? In many cases, you may want to wrap (for adding a main container with min or max widths, flex, etc), where as in parallel would be more for additive affects using a specific class, or without altering the original class, as it may be used elsewhere.

    Definitely use for that, but I'm not sure it helps when wanting to wrap like I described, though certainly correct me if I'm wrong.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 12, 2018 at 5:12 pm #224326
    Porter
    Participant

    Apparently I can't add this for some reason, I get blocked.

    This is getting blocked


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 13, 2018 at 6:14 am #224329
    Victor Font
    Moderator

    WPEngine, the owner of this site, is using Cloudflare and it blocks some of the functionality of this forum such as posting code.

    As for adding a structural wrap, all you should have to do is add it to the theme support array. I thought I had a tutorial on this but it's still in draft mode. I never finished writing it.

    //* Add support for structural wraps
    add_theme_support( 'genesis-structural-wraps', array(
    'header',
    'site-tagline',
    'nav',
    'subnav',
    'home-featured',
    'site-inner',
    'footer-widgets',
    'footer'
    ) );


    Regards,

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

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