Votes covering post

Answers

• Kasper Vanilla Staff

  November 2012 edited November 2012

  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:

  

  Screen Shot 2012-11-28 at 10.46.59.png 21.2K

  Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  1
• peregrine MVP

  November 2012 edited November 2012

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

  kasper had a better solution.

  I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  0
• medelsvensson New

  November 2012

  @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!

  0
• Kasper Vanilla Staff

  November 2012 Answer ✓

  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 Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  5
• medelsvensson New

  November 2012 edited November 2012

  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.

  0
• Kasper Vanilla Staff

  November 2012 Answer ✓

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

  Kasper Kronborg Isager (kasperisager) | Freelance Developer @Vanilla | Hit me up: Google Mail or Vanilla Mail | Find me on GitHub

  5