Ondersteuning » Algemeen WordPress » Probleem met Widgets

  • Opgelost Christian Westerink

    (@christian-westerink)


    Hallo iedereen!

    Ik hoop dat jullie mij kunnen helpen met een widget probleem. Al vanaf dat ik http://www.scheepvaartinbeeld.nl aan het maken ben heb ik problemen met het weergeven van mijn sidebar widgets. Ik ben nu zover dat ik 2 widgets werkend heb en een 3e waarvan ik de inhoud niet gecentreerd krijg. Het echte probleem doet zich echter voor in de widgets die daar onder komen. Probleem 1 is dat er bij de titel een punt neer gezet wordt waar ik niet van weet waar die vandaan komt. Probleem 2 is dat de widget de achtergrond van het gedeelte onder de titel niet ophaalt.

    Ik kan het wel mooi vertellen maar misschien is het makkelijker als jullie mijn probleem op http://www.scheepvaartinbeeld.nl zelf even kunnen zien.. Ik heb even 2 widgets neergezet zodat jullie kunnen zien wat ik bedoel.

    Ik hoop dat jullie mij hierbij kunnen helpen! Het zal voor jullie misschien heel makkelijk zijn maar ik kom er helaas niet uit..

    Misschien is er ook iemand die mij uit kan leggen hoe ik de content van mijn gallery widget kan centreren?

    De zoekfunctie leverde voor mij ook niks op omdat ik niet goed weet hoe ik het probleem met de punt in de zoekfunctie moet beschrijven.

    Ik zou enorm geholpen zijn als dit probleem opgelost is! Mijn sidebar is het laatste op het to do lijstje van mijn website..

    Alvast bedankt!

    Met vriendelijke groet,

    Christian Westerink

15 reacties aan het bekijken - 1 tot 15 (van in totaal 31)
  • 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;
    }

    Thread starter Christian Westerink

    (@christian-westerink)

    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;
    }

    Thread starter Christian Westerink

    (@christian-westerink)

    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

    Thread starter Christian Westerink

    (@christian-westerink)

    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 */ ?>

    Thread starter Christian Westerink

    (@christian-westerink)

    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;
    }

    Thread starter Christian Westerink

    (@christian-westerink)

    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?

    Thread starter Christian Westerink

    (@christian-westerink)

    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;
    }
    Thread starter Christian Westerink

    (@christian-westerink)

    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;
    }
    Thread starter Christian Westerink

    (@christian-westerink)

    Maikel.. helaas 🙁

    Ik waardeer je hulp heel erg!

15 reacties aan het bekijken - 1 tot 15 (van in totaal 31)
  • Het onderwerp ‘Probleem met Widgets’ is gesloten voor nieuwe reacties.