Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 18, 2015 at 11:06 pm #430772
    marcelspijker

    I want to change how the tags are displays in the tagcloud.
    I think ill need to modify css and php(html), but could not find the code to change it.

    In the image below you can see what i wat to do.
    On the left is standard, right is what i want, but width orange color instead of blue.

    http://www.marcelspijker.nl/tags

    Regards,

    Marcel

    April 18, 2015 at 11:26 pm #430779
    marcelspijker

    Never mind, i found the solution.

    For the one who also want to get this looks:

    				div.tagcloud a {

					float: left;

					position: relative;

					display: inline-block;

					width: auto;

					padding: .19em .62em;

					margin: 2px 2px 0 0;

					white-space: nowrap;

					font-size: 1em !important;

					background-color: transparent;

					color: inherit;

					border: 1px solid;

					z-index: 0;

					-webkit-transition: all .3s;

					        transition: all .3s;

				}

					div.tagcloud:hover a { opacity: .33; }

					div.tagcloud a:hover {
                        border: 1px solid #ff8000;
                        background: #ff8000;
                        color: #ffffff;
						text-decoration: none;

						z-index: 1;

						opacity: 1;

					}

					div.tagcloud a:before {
                        
						content: attr(title);

						position: absolute;

						display: none;

						left: 100%;

						top: -1px;

						padding: .19em .62em;

						pointer-events: none;

						border: 1px solid;
						
						color: #ff8000;

					}

						div.tagcloud a:hover:before { display: block; }
    April 20, 2015 at 4:35 pm #431402
    Yigit

    Hi Marcel!

    Glad you figured it out and thank you for sharing your solution! :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Change looks of tagcloud’ is closed to new replies.