How to modify spacing between widget areas in eleven40 theme?

Community Forums Forums Design Tips and Tricks How to modify spacing between widget areas in eleven40 theme?

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  biswajit 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14991

    biswajit
    Participant
    Post count: 8

    Hi there,

    I am using eleven40 theme. I have two widget areas for displaying the following after single posts

    1) Newsletters:  Implemented using Brian’s tutorial  http://www.briangardner.com/email-newsletter-signup-box/

    2) Related posts : YARPP plugin

    Now the newsletter widget  area is getting overlapped with post content area. Also, there is very little spacing between YARPP widget area and newsletter widget area. I want to provide spacing between these widget areas .

    My website url is http://www.techpoka.com/where-and-how-to-place-seo-keywords/

    Any help would be greatly appreciated !!

    Biswajit

     

     

    #14994

    Jon Bellah
    Participant
    Post count: 109

    Find the selector that currently reads:

    [css]
    .enews-widget {
    background-color: #e7e7e7;
    border: 9px solid #ddd;
    margin: 0 10%;
    }
    [/css]

    And change it to read:
    [css]
    .enews-widget {
    background-color: #e7e7e7;
    border: 9px solid #ddd;
    margin: 48px 10%;
    margin: 3rem 10%;
    }
    [/css]


    Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

    #15009

    biswajit
    Participant
    Post count: 8

    HI Jon,

    Thanks a lot . This worked.

    I have few more  doubts .

    I have registered e-news widget area after post using this below code .

    /** Register newsletter widget area */
    genesis_register_sidebar( array(
    ‘id’    => ‘newsletter’,
    ‘name’    => __( ‘Newsletter’, ‘custom-theme’ ),
    ‘description’    => __( ‘This is the newsletter section.’, ‘custom-theme’ ),
    ) );

    /** Add the newsletter widget after the post content */
    add_action( ‘genesis_after_post_content’, ‘custom_add_newsletter_box’ );
    function custom_add_newsletter_box() {
    if ( is_singular( ‘post’ ) )
    genesis_widget_area( ‘newsletter’, array(
    before‘ => ‘<div id=”enews widget-area“>’,
    ) );
    }

    What does div id “enews widget area ” refer  to ? Does this div already exist in genesis  theme or i am creating it new using the code above ? Also what does “array” and ” before”  refer to in the above code ?

    How can i align  newsletter area with post content area and  related posts area so that all fill equal widths ? If you see my page, right now the newsletter area is  of unequal widths and looking unaligned ?

    Thanks again  .

    #15016

    biswajit
    Participant
    Post count: 8

    One more question Jon,

    Why are you using two “margin” in the below code?

    .enews-widget {
    background-color: #e7e7e7;
    border: 9px solid #ddd;
    margin: 48px 10%;
    margin: 3rem 10%;
    }

    Is one for top margin and the other for below margin ? Also what is the difference between px and rem?
    I am new to css, so lot of questions :-)  But its a good learning experience working with genesis.

    Thanks,
    Biswajit

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.