1. Josh Lewis
  2. Bugs
  3. Monday, 13 May 2013
  4.  Subscribe via email
I find it strange that when hovering over comments the thumbs up and down slightly move. :huh:

This is because on hover it's adding both padding and a border. Fortunately I came up with a clean fix for this:

In the CSS file go to .ccomment-voting and add the following code:
[code type=css]padding: 1px 0 1px 2px;
border: 1px solid transparent;
transition: all 0.3s linear 0s;[/code]

(don't forget to remove the padding that was already there)

Then go to .ccomment-comment > div:hover .ccomment-voting and remove the following:
padding: 1px 0 1px 2px;

This makes for a clean hover. The transition property isn't needed but looks quite nice in my opinion. :)
Responses (6)


There are %s replies to this question. If you want to see them you need a valid subscription.
If you have a valid subscription, please login now.
Visit store now
Powered by EasyDiscuss for Joomla!