WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar Formatting Issues (9 posts)

  1. laurynvanrooy
    Member
    Posted 7 years ago #

    Hi Everyone!

    I just updating the theme I am using to support the new sidebar widgets theme - but I can't seem to figure out how to get my sidebar to look the way it used to as far as spacing is concerned.

    It used to look like this:

    http://www.laurynvanrooy.com/example.jpg

    and now it looks like this:

    http://www.laurynvanrooy.com/diary

    I would like to removed the bullets, and have the links be single spaced (pretty much exactly like in the image provided). Does anyone have any ideas on how I can fix this?

    Thanks in advance for any help with this! :)

  2. lauralohr
    Member
    Posted 7 years ago #

    As far as the bullets go, that is a CSS issue and can easily be fixed by adding:

    list-style: none;

    to the CSS that refers to your sidebar.

    The CSS is probably where you are going to fix your spacing as well.

  3. laurynvanrooy
    Member
    Posted 7 years ago #

    I put the sidebar back to the normal formatting which looks like below. How do I upgrade it to use the new sidebar widgets?

    <div id="sidebar">
    
    		<ul>
    
    			<li><h2><?php _e('About'); ?></h2>
    
    			<p>Write here some info about the author of the blog</p>
    
    			</li>
    
    			<?php /* If this is a category archive */ if (is_category()) { ?>
    
    			<p><?php printf( __('You are currently browsing the %1$s weblog archives for the \'%2$s\' category.'), '<a href="' . get_settings('siteurl') .'">' . get_bloginfo('name') . '</a>', single_cat_title('', false) ) ?></p>
    
    			<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
    
    			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
    
    			for the day <?php the_time('l, F jS, Y'); ?>.</p>
    
    			<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
    
    			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
    
    			for <?php the_time('F, Y'); ?>.</p>
    
          <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
    
    			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
    
    			for the year <?php the_time('Y'); ?>.</p>
    
    		 <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
    
    			<p>You have searched the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
    
    			for <strong>'<?php echo wp_specialchars($s); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>
    
    			<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
    
    			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives.</p>
    
    			<?php } ?>
    
    			<?php wp_list_pages('title_li=<h2>' . __('Navigate') . '</h2>' ); ?>
    
    			<li><h2><?php _e('Archives'); ?></h2>
    
    				<ul>
    
    				<?php wp_get_archives('type=monthly'); ?>
    
    				</ul>
    
    			</li>
    
    			<li><h2><?php _e('Categories'); ?></h2>
    
    				<ul>
    
    				<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
    
    				</ul>
    
    			</li>
    
    <?php if (function_exists('wp_theme_switcher')) { ?>
    
    			<li><h2><?php _e('Themes'); ?></h2>
    
    				<?php wp_theme_switcher(); ?>
    
    			</li>
    
    <?php } ?>
    
    			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
    
    				<?php get_links_list(); }?>
    
    				<li><h2><?php _e('Meta'); ?></h2>
    
    				<ul>
    
    					<?php wp_register(); ?>
    
    					<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><?php wp_loginout(); ?></li>
    
    					<li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?></a></li>
    
    					<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
    
    					<li><a href="http://wordpress.org/" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.'); ?>">WordPress</a></li>
    
    					<?php wp_meta(); ?>
    
    				</ul>
    
    				</li>
    
    		</ul>
    
    	</div>
  4. laurynvanrooy
    Member
    Posted 7 years ago #

    One one thing I noticed - the css for the sidebar already has list-style: none; in it. It seems like the new sidebar code is completely disregarding any css formatting - is there a fix for this?

  5. moshu
    Member
    Posted 7 years ago #

    Probably you put wrong code in your widgets. Since the whole sidebar is a huge nested lists conglomerate ... breaking it in one place can and will cause the appeareance of the bullets.
    e.g. sometimes in a text widget you need to put your text inside a list code (ul and li)

    And no, a widegetized sidebar is not "disregarding" your stylesheet - it might require small modifications to work with widgets. All the (good) widgets have their own calsses... just look at the generated source code in case you did not do it BEFORE posting here, and see the classes for your widgets. Adjust your CSS accordingly.

  6. laurynvanrooy
    Member
    Posted 7 years ago #

    thanks for your help guys. I am totally lost though - I am not very good with coding or CSS - so I don't know how to modify/check to see if the code is ok.

    Is this something someone can look over for me and see where its going wrong?

    Thanks so much in advance for any help!

  7. carewolf
    Member
    Posted 7 years ago #

    I'm lost too in this code-I found the sidebar code in the files on our web site-but don't know how to get the links to go back to the side. We are using Dark Maple. I was able to get some of the horizontal buttons to work on top thanks to the notes-I think it was Moshu
    provided. we got search and archive-but can't get the rest except home. I'd like to remove them if they won't work. I know we are using an old version-2.0 the site techs said-not sure on that-
    BTW where do you put the code for the RSS feeds?

    Carewolf

  8. mdskinner
    Member
    Posted 6 years ago #

    does anyone have the answer to this.. its driving my nuts! on one of my clients sites.
    i know css fine, and just to be sure i've added in every possible case of

    list-style-type: none !important;
    list-style-image: none !important;

    however the damn things just won't disappear.

    http://wholein1.co.uk/pin-board/

  9. mdskinner
    Member
    Posted 6 years ago #

    ok, i found it!.. wohoo..

    there is a little peace of CSS code in your style.css:

    .entry ul li:before, #sidebar ul ul li:before {
    content: "0BB 020";
    }

    DELETE it!.. bobs your uncle!.

Topic Closed

This topic has been closed to new replies.

About this Topic