Ask your WordPress questions! Pay money and get answers fast! (more info)

Content shifted right WordPress

  • SOLVED

The wrap on my site has shifted to the right after adding a new widget area. Can someone please tell me how to get this back in line with the site?

The url is lusciouspress.com

And yes, I appreciate the irony.

The site is fine in Safari but broken in Firefox.

This is the code for the updated home page template I was given:

<?php

/*------------------------------



Template Name: Home Page



------------------------------*/





/** Force the full width layout layout on the Portfolio page */

add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );





add_action( 'genesis_after_header', 'zp_full_slider' );



function zp_full_slider(){



global $post;



$enable = get_post_meta( $post->ID, 'zp_fullwidth_slider_value', true);



if( have_posts( ) ) {

while ( have_posts( ) ) {

the_post( );



if( $enable == 'true' ){

// require( get_stylesheet_directory() .'/include/slider/slider.php');
if(is_active_sidebar('slider-widget')):?>
<div class="slider-widget">
<div class="widget">
<?php dynamic_sidebar('slider-widget'); ?>
</div>
</div><!-- end -->

<?php endif;

}

}

}

}





remove_action( 'genesis_loop', 'genesis_do_loop' );

add_action( 'genesis_loop', 'zp_homepage_template' );

function zp_homepage_template() {

?>

<div id="home-wrap">

<?php

if( have_posts( ) ) {

while ( have_posts( ) ) {

the_post( );



do_shortcode( the_content() );

}

}



?>

</div>

<?php

}



genesis();

Answers (3)

2013-12-30

Fahad Murtaza answers:

Looks like a CSS issue to me.

.home .site-inner {
margin-top: 0;
clear: both;
}


Change it in style.css

https://www.dropbox.com/s/oxmhaclnpd4xmo8/Screenshot%202013-12-30%2010.11.34.png


Jill Chongva comments:

That worked Fahd! Thanks!


Fahad Murtaza comments:

Thanks Jill. I tested it before updating my answer :) Glad to help.

2013-12-30

Agus Setiawan answers:

hi, go to style.css, and find this line :

.footer-widgets {

add this :

overflow: hidden;

and after that will look like this :

.footer-widgets {
overflow: hidden;
background: none repeat scroll 0 0 #303030;
color: #888;
margin-top: 50px;
width: 100%;
}


so funny ....

2013-12-30

Plugarized answers:

Add the following line to your styles.css (http://www.lusciouspress.com/wp-content/themes/prestige/style.css) LINE: 465

.home .site-inner {
margin-top: 0;
overflow: hidden;
}


Fixed preview: http://oi40.tinypic.com/2lnzcr7.jpg