Community Forums › Forums › Archived Forums › Design Tips and Tricks › Proper Way To Add Additional Markup?
- This topic has 4 replies, 2 voices, and was last updated 7 years, 9 months ago by
Victor Font.
-
AuthorPosts
-
November 12, 2018 at 3:41 pm #224322
Porter
ParticipantIf 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.
November 12, 2018 at 4:45 pm #224323Victor Font
ModeratorTry 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 #224325Porter
ParticipantI 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.
November 12, 2018 at 5:12 pm #224326Porter
ParticipantApparently I can't add this for some reason, I get blocked.

November 13, 2018 at 6:14 am #224329Victor Font
ModeratorWPEngine, 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? -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.