Het zijn zo te zien allemaal problemen die je met css kunt oplossen.
Ik moet alleen over 5 minuten weg dus kan niet alles meteen beantwoorden maar ik kom er morgen nog wel op terug als nog niemand anders je heeft gelopen ermee.
Toch nog even het eerste kleine beetje 😉
om het stipje weg te krijgen moet je in de style.css van je thema kun je het volgende toevoegen
#sidebar li{
list-style-type:none;
}
Hallo Maikel,
Bedankt voor je advies over die stip! Dat is in ieder geval gelukt. Ik hoop dat je me nu nog met de rest verder kan helpen!
Met vriendelijke groet,
Christian Westerink
Ik zie dat je nu alles ook gecentreerd hebt.
om achtergrond van textwidget te krijgen kun je het stukje van sidebar ul li ul kopieren en er dit van maken:
#sidebar .textwidget{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
}
en voor de recent posts kun je dit plaatsen (weet niet cker of dit werkt):
#recent-posts li ul {
min-height:106px;
_height:106px;
margin:0 0 15px;
padding:0 0 15px 15px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
}
Hallo Maikel,
Wat ik vreemd vind is dat de eerste widget in mijn sidebar ook een tekst widget is en die wel gewoon werkt. Ik zou graag zien dat elke widget die ik in mijn sidebar zet het zal doen. Niet specifiek die 2 die er nu staan.. En dat is iets wat al niet werkt vanuit dat ik het thema begon te bewerken. En mijn kennis rijkt niet zover dat ik het zelf kan verhelpen..
Ik heb inderdaad alles gecenterd gekregen. Dat probleem is verholpen.. Moest alleen meer in de stylesheet bij sidebaart text-align center in te voeren. Makkie dus..
In ieder geval bedankt voor je hulp tot zover!
zou je de sidebar.php code hier kunnen plaatsen? Ik zie namelijk dat de bovenste drie in 1 ul class zitten en de onderste twee er buiten vallen.
Vandaar dat de styling ook anders is
Hoi Maikel,
Dit is de sidebar.php:
<?php
/**
* @package WordPress
* @subpackage Warmth_Theme
*/
?>
<?php global $warmth_options; ?>
<div id="sidebar">
<ul class="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<li>
</li>
<?php //wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<?php if(function_exists('st_tag_cloud') || function_exists('wp_tag_cloud')){
echo '<li><h2>' . __('Tags Cloud', 'warmth') . '</h2><ul><li>';
echo w_st_tag_cloud('title=',false);
echo '</li></ul></li>';} ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() || TRUE ) { ?>
</ul>
<ul class="sidebar">
<?php wp_list_bookmarks(); ?>
<li>
<h2><?php _e('Meta','warmth'); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php } ?>
<?php endif; ?>
</ul>
</div><?php /* sidebar div */ ?>
En dit staat in mijn stylesheet over de sidebar:
#sidebar{
margin-left:860px;
width:200px;
font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#sidebar a{
color:#ffa31f;
}
#sidebar a:hover{
color:#ddd;
}
#sidebar li{
list-style-type:none;
}
#sidebar h2{
background:url('images/sidebar-bgt.gif') no-repeat;
height:45px;
margin:0;
padding:0 8px;
font-family:'Lucida Grande', Verdana, Sans-Serif;
color:#FF1200;
line-height:2.5;
/*font-size:2.2em;*/
}
#sidebar ul{
margin:0px;
padding:0px;
text-align:center;
}
#sidebar ul li ul{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
}
#sidebar ul li ul li{
margin:0;
padding:0 8px;
min-height:0;
_height:0;
background:none;
font-size:1.4em;
}
#sidebar ul li ul li ul{
background:none;
margin:0;
min-height:0;
_height:0;
}
#sidebar ul li ul li ul li{
font-size:1em;
}
.sidebar li{
line-height:1.8;
margin:0 0 15px;
}
.n_height li{
line-height:1.1;
}
oke hoe ziet het eruit als je alleen dit overlaat
<?php
/**
* @package WordPress
* @subpackage Warmth_Theme
*/
?>
<?php global $warmth_options; ?>
<div id="sidebar">
<ul class="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
</ul>
<?php endif; ?>
</div><?php /* sidebar div */ ?>
Heb ik nu gedaan maar dat helpt helaas niets Maikel. Heb de indruk dat het ergens vanuit de stylesheet komt omdat alleen de achtergrond niet opgehaald word.
De sidebar ul li ul zorgt voor de achtergrond van de widgets. Je hebt dus een ul, li en nog een ul nodig.
De bovenste drie zitten in een ul class=”sidebar” en de onderste twee vallen hier buiten, waardoor de eerste ul weg is en het n. Vandaar dat ik het via de sidebar.php wou proberen om de onderste twee ook in de ul te laten vallen.
Dit lukte zo te horen niet dus we kijken weer verder :p
wat als je nou de eerste ul “vergeet” en er dit van maakt:
#sidebar li ul{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
}
Maikel,
Dit heeft al een hoop geholpen! Nu zijn alleen de 3 eerste widgets verpest haha. Maar dat moet ik wel even op kunnen lossen denk ik..
Kan ik je hier nog een andere vraag stellen wat over tijd in een link invoegen gaat?
Ik kan toch niet zo gauw vinden waar ik mijn bovenste widgets weer mee op hun plek kan krijgen..
oke denk dat je de ook gewoon kunt houden en dat ze het dan beide doen (fingers crossed)
#sidebar ul li ul{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
}
Niks veranderd… helaas:(
Code in stylesheet zoals ik hem nu heb:
#sidebar{
margin-left:860px;
width:200px;
font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#sidebar a{
color:#ffa31f;
}
#sidebar a:hover{
color:#ddd;
}
#sidebar li{
list-style-type:none;
}
#sidebar h2{
background:url('images/sidebar-bgt.gif') no-repeat;
height:45px;
margin:0;
padding:0 8px;
font-family:'Lucida Grande', Verdana, Sans-Serif;
color:#FF1200;
line-height:2.5;
/*font-size:2.2em;*/
}
#sidebar li ul{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
text-align:center;
}
#sidebar ul li ul{
min-height:56px;
_height:106px;
margin:0 0 15px;
padding:0 0 8px 0px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
text-align:center;
}
#sidebar ul li ul li{
margin:0;
padding:0 8px;
min-height:0;
_height:0;
background:none;
font-size:1.4em;
}
#sidebar ul li ul li ul{
background:none;
margin:0;
min-height:0;
_height:0;
}
#sidebar ul li ul li ul li{
font-size:1em;
}
.sidebar li{
line-height:1.8;
margin:0 0 15px;
}
.n_height li{
line-height:1.1;
}
pff, ik wil dat het lukt, ik noem maar iets nu.. maar wat als je de margin en padding weghaalt?
#sidebar ul li ul{
min-height:56px;
_height:106px;
background:#0F0F0F url('images/sidebar-bgb.gif') no-repeat;
text-align:center;
}
Maikel.. helaas 🙁
Ik waardeer je hulp heel erg!