Change the height of the tag
-
Hi,
Thank’s for your great plugin ! Very easy to use.
I wanted to change my tag’s height because it was too small for my website.
Here is a little help if someone want to make the same customization :
1/ Change the image size :
Find in
plugins/cool-tag-cloud/images
the image you use on your website.
Open it with Photoshop or any other software. Resize only the height to height you want multiply by 2 (there is the initial img and the hover img in the file).Example : I wanted a 35px height so I resized it to 70px.
2/ Apply some CSS on your style.css child theme :
.cool-tag-cloud .ctcleft a , .cool-tag-cloud .ctcleft a:hover { height: 35px!important; /* Define the new height */ padding: 5px 10px 0 21px!important; /* Apply a new padding top to center the tag's name */ } .cool-tag-cloud .ctcleft a:after , .cool-tag-cloud .ctcleft a:hover:after { height: 35px!important; /* Define the new height for :after event */ }
Be careful to save the image if you update the plugin. You don’t need to save the cool-tag-cloud.css file if you put the CSS in your style.css child theme.
- The topic ‘Change the height of the tag’ is closed to new replies.