The Bullets are stuck

Hi,
I need to take a look at the CSS of your site.
Could you tell me the URL?

sorry, of course:
https://casinoval.se

Here the code:

.sidebar li.pis-li {
list-style: none;
}

You can paste this code in the “Custom styles” section at the bottom of the widget admin.

Let’s me know, please.

I believe that solved the issue! Thanks a million for that. I’m fairly new at coding. Could you please tell me what the “li.pis-li” stand for here. I’ll try to understand the code better so that next time I’ll be able to make other changes myself. I believe I had problems which what overuled what.

(One suggestion for plugin improvement. I’ve seen plugins (tablepress, for instance) there the custom style window expands when you klick on it. This makes the box for entering the custom code a lot bigger which in turn helps to see the code better. I know I liked it there, especially if one has a lot of code one wants to add. )

Thanks again for a really great plugin!

Cheers Anders

About your tips, thanks! I have an idea to make the interface less cluttered and your tip is toward this direction.

About the CSS, consider that yout theme is using this rule:

.sidebar li {
	line-height:1.2em;
	padding:0;
	text-indent:-1px;
	margin-bottom:14px;
	list-style:disc outside;
}

So every li descendant of every element with the class .sidebar will be formatted with a disc list-style:disc outside;. This rule is OK in general, but we want to remove the bullet only in the list elements of our posts lists.

In order to do this, we define another rule that removes these bullets only in the lists of posts.

Knowing that “Posts in Sidebar” plugin appends a specific class to every element and knowing that in our case this class is .pis-li, it’s simple to create the new rule:

.sidebar li.pis-li {
list-style: none;
}

We have added the .pis-li class to the li element that is descendant of .sidebar class.

Also, it’s important that this new rule be executed after the rule defined by your theme.

Thanks Aldolat!
In the plugin there is a possibility to add a div name of my table. In my case I named them “nytt” and “recensionerna”. Why do I not use those names when it comes to specify a specific element. The li.pis-li, it that not the same for all sidebar lists, not just on that page?

.nytt .sidebar li.pis-li

I’m glad you liked my improvement ideas. It’s fun to help to make something good, even better. =)

// Anders

If I have understood correctly what you mean, you can specify a different behaviour for the lists elements.

So, for example, you can have a list without bullets and a list with bullets. For example:

/* No bullets for li descendant of .nytt */
.sidebar .nytt li.pis-li {
list-style: none;
}

/* Square bullets for li descendant of .recensionerna */
.sidebar .recensionerna li.pis-li {
list-style-type: square;
}