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

Last questions

J5 compatibility for Hotspots
Hi guys, Just started to update my old J3x website. Is there J5 compatibility p...
1 Replies
Posted on Monday, 24 February 2025
  • #Hotspots
  • #hotspots Joomla 5
Text size in the comment input form
Hello. How can I increase the font size in the comment input field? For examp...
0 Replies
Posted on Wednesday, 26 February 2025
  • #CComment 6
Problem with enlarged image
Hello. When you click on the image in the comments, it does not appear in the ce...
1 Replies
Posted on Wednesday, 26 February 2025
Black square instead of images in comments
Hello. In comments instead of images I see black squares. Here is an example. h...
0 Replies
Posted on Wednesday, 26 February 2025
  • #ccoment pro
Link bug in comment emails
Hello. The site has three languages. For example, a user left a comment on an a...
3 Replies
Posted on Saturday, 15 April 2023