• 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

Misaligned Widget Content on Blog Page

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 › General Discussion › Misaligned Widget Content on Blog Page

This topic is: resolved

Tagged: blog page, hook, widget area

  • This topic has 4 replies, 2 voices, and was last updated 9 years, 12 months ago by Kabolobari.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 18, 2015 at 2:56 am #165979
    Kabolobari
    Member

    Hi, I have maybe just a little problem with alignment using a hooking function.

    If you will look at this screenshot [https://www.dropbox.com/s/y4k0zzh16pov39w/normal-center.png?dl=0] you'll see I was able to create and add content to a widget area on this page/category, http://kabolobari.com/book.

    However, when I do just about the same on the blog page, look at the screenshot [https://www.dropbox.com/s/qjnzw5jky62oliv/squished-left.png?dl=0] I get the widget content squished to the left and I can't understand why, because there's nothing in my CSS that I know might have caused it.

    Here's the code I used:

    //* Register Blog Page After Header Widget Area

    genesis_register_sidebar( array(
         'id'            => 'bp-after-header',
         'name'          => __( 'Blog Page After Header', 'wintersong' ),
         'description'   => __( 'Place stuff here to show before posts on blog page', 'wintersong' ),
    ) );

    //* Hook Blog Page After Header Widget Area

    add_action( 'genesis_after_header', 'wintersong_bp_after_header' );
         function wintersong_bp_after_header() {
         if ( is_home(79) )
              genesis_widget_area( 'bp-after-header', array(
                   'before' => '<div class="bp-after-header widget-area">',
                   'after' => '</div>',
         ) );
    }

    I'm really not that good with coding and "debugging?" I'm guessing is the word, a problem like this is tough for me. Could I implore you to direct me where I may be getting it wrong.

    Thanks!


    KB

    http://kabolobari.com
    December 12, 2015 at 9:05 am #173613
    Susan
    Moderator

    As you posted this a while ago, I’m hoping that you were able to get your issue resolved 🙂 – if not, report back here, so it can be escalated.

    December 13, 2015 at 7:48 am #173664
    Kabolobari
    Member

    Thanks very much, Susan. It was resolved. I've and am still taking courses in PHP. Here's what I have now at my blog http://kabolobari.com/blog Thanks.


    KB

    December 13, 2015 at 7:51 am #173665
    Susan
    Moderator

    Nice site! I love how minimalistic it is 🙂

    December 13, 2015 at 8:02 am #173679
    Kabolobari
    Member

    You're so kind, Susan! You noticed. Thanks so much. I feel delighted someone noticed. Thanks.


    KB

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Misaligned Widget Content on Blog Page’ is closed to new 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