How to modify spacing between widget areas in eleven40 theme?

[biswajit]

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

 

 

[Jon Bellah]

Find the selector that currently reads:

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

And change it to read:

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

---

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

[biswajit]

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  .

[biswajit]

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

[Author]

Posts