• 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

Create Wrap Around Ribbon Executive Theme Sidebar

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 › Create Wrap Around Ribbon Executive Theme Sidebar

This topic is: not resolved

Tagged: Executive, header, Sidebar, widget

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 4 months ago by SiteDeisgn8850.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 28, 2013 at 1:56 pm #15642
    SiteDeisgn8850
    Member

    Hello,

    I am using the Executive Theme (orange) template, but want the sidebar headers to be customized.  I want to create and add this http://webdesign.tutsplus.com/tutorials/site-elements/create-a-3d-ribbon-wrap-around-effect-plus-a-free-psd  type of ribbon-effect header to the sidebar widget headers.  Is there a hook I can do for this or a way I can modify the code easily that would allow me to change the header in the widget sidebars to show that cool wrap-around effect that looks like it's hanging outside of the wrap?

    Thanks,

    JR

    January 28, 2013 at 2:09 pm #15654
    SoZo
    Member

    You apply the image as the background of the .sidebar h4 rule then add enough left/right padding to the .widget rule to push the content in or add width and negative left/right margins to the h4 rule if you actually want it hangin outside the .widget div itself.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 28, 2013 at 2:21 pm #15670
    SiteDeisgn8850
    Member

    Thanks SoZo!  I kind of suspected that too, but my issue is the actual code I need to the 2 changes you mentioned.  I don't know exactly how to do that?  Can you give me a starting point on the code?  I know a lot of others feel the same way, so this would be big help to the Community at large for the specific coding involved...

    Thank you!

  • 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

© 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