• Resolved nartoof

    (@nartoof)


    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.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Change the height of the tag’ is closed to new replies.