Sidebar aanpassen
-
Hallo iedereen,
Als ik bij mijn widgetweergave in beheer kijk, heeft is mijn sidebar in tweeën gedeeld. Dit is helemaal oké en klopt ook. Als je mijn blog bekijkt zie je dat de sidebar inderdaad twee kolommen heeft: http://marksluymers.nl/blog
Maar nu wil ik dat mijn twitterfeed wél over de gehele breedte van de sidebar komt. Boven, of onderaan. Hoe en waar kan ik dat aanpassen? In het beheer kan ik het niet vinden, dus ik neem aan dat ik in de sidebar.php of css moet kijken?
Sidebar.php:
<!-- Start list --> <div class="list"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left')) { ?> <div class="widget"> <h3><img src="<?php bloginfo('template_url')?>/images/categoriesms.gif" alt="Categories" /></h3> <ul> <?php wp_list_categories('depth=1')?> </ul> </div> <?php } ?> </div> <!-- End list --> <div class="list2"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right')) { ?> <div class="widget"> <h3><img src="<?php bloginfo('template_url')?>/images/archivesms.gif" alt="Archives" /></h3> <ul> <?php wp_get_archives(); ?> </ul> </div> <div class="widget"> <h3><img src="<?php bloginfo('template_url')?>/images/linksms.gif" alt="Links" /></h3> <ul> <?php wp_list_bookmarks('title_li=&categorize=0') ?> </ul> </div> <?php } ?> </div>
CSS:
/*----------------------- Start side ---------------------*/ .side{ width:338px; float:right; } /*----------------------- Start rightContent ---------------------*/ .rightArea{ background:url(images/rightTop.gif) no-repeat top; width:339px; padding-top:33px; } /*----------------------- Start rightContent ---------------------*/ .rightContent{ width:339px; overflow:hidden; } .rightContent h3{ font-size:11px; color:#cccccc; font-weight:normal; padding:0 0 13px 19px; } .add{ width:300px; height:250px; display:block; background:#5e6168; margin:0 0 47px 19px; } /*----------------------- Start list ---------------------*/ .list{ width:142px; float:left; margin:0 15px 0 22px; min-height:300px; height: auto !important; height: 300px; } .list2{ float:left; width:142px; } .list .widget, .list2 .widget { margin-bottom:10px; } .list h3, .list2 h3 { font:bold 17px "Bookman Old Style"; letter-spacing:-1px; color:#fff; padding:0; margin-bottom:5px; } .rightContent h2{ border-bottom:1px solid #003333; height:17px; margin-right:15px; overflow:hidden; padding-bottom:7px; margin-bottom:3px; } .list .rightContent h2{ margin-right:0; } .rightContent ul{ padding-bottom:25px; } .rightContent ul li{ font: 11px Arial; color: #FFFFFF; line-height:16px; } .rightContent ul li a{ font: bold 11px Arial; color:#61b1ba; text-decoration:none; } .rightContent ul li a:hover{ text-decoration:underline;
Kunnen jullie mij helpen?
-
De sidebar is nu opgedeeld in 2e, daar zul je dus nooit een widget in kunnen zetten ter breedte van 2 sidebars.
1 optie is het plaatsen van een 3e bredere sidebar boven of onder deze 2 huidige.
Daarvoor moet je dan ook even een 3e sidebar function aanmaken in functions en een dynamic code plaatsen in de sidebar. Daarna stylen met css. Is even werk maar de enigste optie tenzij je de widgetfunctie wilt hardcoden in de sidebar.php
Bedankt voor je antwoord!
Ik vermoedde al dat ik er iets aan toe moest voegen. Ik ben een PHP-leek, maar ik ga het even proberen, anders kom ik uiteraard even om hulp vragen. 😉
- Het onderwerp ‘Sidebar aanpassen’ is gesloten voor nieuwe reacties.