Black Dots on My Sidebar

Here’s the file:

[code moderated as per forum rules - please use the pastebin. if you should post a small amount of code directly, please use the 'code' button to mark the code.]

The dot is being produced by the stylesheet element(s) being used to display lists and list items.

There also appears to be an issue with the code as the list item is not being written in a list container. Currently it is:

<div><li>...</li></div>
… and should likely be:
<ul><li>...</li></ul>

I would recommend both of the above be addressed by your theme author.

I don’t see that anywhere. What lines are you referring to?

I looked at the page source for your site; which specific lines of code and where they would be is specific to your theme. That is why I recommended you go back to the author to correct it.

The theme author took my money and disappeared long ago. I’ve made 95% of the changes from Geocities to what you see now. Please tell me where I can make the change myself in the file. Is it in stylesheet or sidebar?

It’s most likely something you will find in the sidebar.php template file; then you may still need to correct the stylesheet afterward.

See anything out of whack?

<?php
/**
* The Sidebar containing the primary and secondary widget areas.
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
?>

<?php do_shortcode(“[fb_login size=’medium’ login_text=’Logout’ logout_text=’Logout’ connect_text=’Connect to Facebook’]]”); ?>

<?php
/* When we call the dynamic_sidebar() function, it’ll spit out
* the widgets for that widget area. If it instead returns false,
* then the sidebar simply doesn’t exist, so we’ll hard-code in
* some default sidebar stuff just in case.
*/
if ( ! dynamic_sidebar( ‘primary-widget-area’ ) ) : ?>
<!– #primary .widget-area –>
<?php endif; // end primary widget area ?>

<iframe src=”https://www.facebook.com/plugins/recommendations.php?site=www.herbalmd.com&width=300&height=300&header=true&colorscheme=light&#8221; scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:300px; height:300px;” allowTransparency=”true”></iframe>

<?php
// A second sidebar for widgets, just because.
if ( is_active_sidebar( ‘secondary-widget-area’ ) ) : ?>

<?php dynamic_sidebar( ‘secondary-widget-area’ ); ?>

<!– #secondary .widget-area –>
<?php endif; ?>

Compare your version of the sidebar.php to the sidebar.php template file found in Twenty Ten … look at the use of the <ul> tags. They are not apparent in your file.

This show errors which are most likely the problem. https://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fwww.herbalmd.com%2f

The CSS also has valdation problems.

Edward,

Brilliant! Thanks, man. I really appreciate all of you guys in here willing to share your expertise. The dots are gone!!!

Now, if anyone knows how I can put some space between the widgets, I’m in business.

Line 29 of your style.css reads like this:

ul.xoxo {
    display: block;
    list-style: none outside none;
    padding: 0;
    text-align: center;
}

You can adjust the space between the widgets by changing the padding: 0; line to something along the lines of padding: 10px 0; … you will have to adjust to your own taste. I will leave the “Facebook” button as an exercise for yourself ??

Thanks, but I can’t get the “Facebook” tab to float. I’ve learned a lot today teacher.

Try something like:

ul.xoxo a.fb_button { margin: 10px; }

… at the end of your style.css file.