Votes covering post

medelsvensson

I just recently installed the votes plugin and the vote up/down graphic is covering the posts. My forum is embedded into Media Wiki, which could possibly be what complicates things. Could I in some way fix this?

http://epicnuts.com/index.php?title=Forums#/

Kasper

Replacing the existing code is not a good idea - you should either add the code to the bottom of the voting.css file or add it to custom.css in your theme. If custom.css doesn't exist within your theme's design directory, simply create it.

Kasper

Then clear your browser's cache because I see the changes just fine.

Kasper

The .Votes element is positioned absolutely and therefore only "works" out-of-the-box with the default theme. What you could do, is position it statically and then float it like this:

ul.MessageList div.Meta span.Votes {
    position: static; /* Reset the position attribute to default */
    float: left;
    margin-right: 15px; /* Just to add some distance to the post meta  */
}

This would look like this:

peregrine

deleted - I didn't see kasper's post (it wasn't there when I started this message.).

kasper had a better solution.

medelsvensson

@kasperisager said:
The .Votes element is positioned absolutely and therefore only "works" out-of-the-box with the default theme. What you could do, is position it statically and then float it like this:

ul.MessageList div.Meta span.Votes {
    position: static; /* Reset the position attribute to default */
    float: left;
    margin-right: 15px; /* Just to add some distance to the post meta  */
}

This didn't really change anything, unless I didn't do it right. I replaced the existing code for ul.MessageList div.Meta span.Votes with yours and nothing at all happened. But thanks for the response!

Kasper

Replacing the existing code is not a good idea - you should either add the code to the bottom of the voting.css file or add it to custom.css in your theme. If custom.css doesn't exist within your theme's design directory, simply create it.

medelsvensson

I added it to embed friendly's custom.css, it still changes nothing though.

EDIT: It works now, thanks a lot. It just had to take a little time.

Kasper

Then clear your browser's cache because I see the changes just fine.