Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help with lining up new homepage sidebar
Tagged: sidebar; widgets
- This topic has 4 replies, 2 voices, and was last updated 11 years, 4 months ago by SoZo.
-
AuthorPosts
-
November 27, 2012 at 9:26 am #1842BerniceKiddMember
I have registered a few sidebars and have added them to home.php. Two of the sidebars are on top of each other. Could you let me know what I have done? The home.php looks like this;
<?php get_header(); ?>
<?php genesis_home(); ?>
<div id="homepage">
<?php if( function_exists('wp_cycle') ) : ?>
<?php wp_cycle(); ?>
<?php endif; ?>
<div class="home-one-column">
<?php dynamic_sidebar( 'home-one-column' ); ?>
</div>
<div class="home-page-about-us">
<?php dynamic_sidebar( 'home-page-about-us' ); ?>
</div>
<div class="three-column-sidebar">
<?php dynamic_sidebar( 'three-column-sidebar' ); ?>
</div>
<div class="two-column-sidebar">
<?php dynamic_sidebar( 'two-column-sidebar' ); ?>
</div>
<?php get_footer(); ?>
I have the 'under construction' plugin activated so you will need to login with these details
http://www.simplicitycoaching.co.za/wp-admin
Username: Forum
Password: Forum123*
Many Thanks
>
November 27, 2012 at 9:43 am #1848SoZoMemberI'm not seeing anything apparently on top of each other.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
November 27, 2012 at 9:54 am #1854BerniceKiddMemberHI. I have just changed the one image widget to a red block image which makes it clearer. This is a 850px image. Below that should be a two image widget of the two ladies (next to each other). I have added these sidebars on the homepage in style CSS (obviously I have done something wrong); The 2 that are on top of each other are 'home-page-about-us' and "one column sidebar" Any advice would be very welcome!
Ad Sidebar
------------------------------------------------------------ */.two-column-sidebar {
clear: both;
float: left;
color: #FFFFFF;
font-size: 12px;
margin: 0 auto;
width: 850px;
}
.widget {
float: left;
color: #FFFFFF;
font-size: 12px;
padding: 0px 0px 0px 0px;
width: 420px;/* Ad Sidebar
------------------------------------------------------------ */
.three-column-sidebar {
clear: both;
margin: 0 auto;
width: 850px;
}/* Ad Sidebar
------------------------------------------------------------ */
.home-page-about-us {
clear: both;
margin: 0 auto;
width: 850px;
}/* Ad Sidebar
------------------------------------------------------------ */
.home-one-column {
clear: both;
margin: 0 auto;
width: 850px;
}November 27, 2012 at 10:27 am #1868BerniceKiddMemberHi. Sorry, the problem only shows up in firefox. I have tried IE and it is fine. Wish I have worked that out 3 hours ago!
Thanks for your help.
B
November 27, 2012 at 12:15 pm #1895SoZoMemberI can't determine why the widgets aren't floating. I imagine there's a clear interfering somewhere but I couldn't find it. But instead of floating widgets within the same sidebar I would add two separate sidebars there.
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.