CODEWITHSUNDEEP
css
Dónal
Dónal

Reputation: 187499

tag cloud styling

I'm trying to style my blog's tag cloud as described here. I've followed the instructions, but there is one small problem. I can't seem to figure out how to change the white section of each tag (circled in red below) to be transparent such that the shaded background shows through.

enter image description here

Upvotes: 0

Views: 593

Answers (1)

sachleen
sachleen

Reputation: 31121

It works because the background of the demo page is white. The below CSS is where this color is set:

.cloud .tag:before {
    border-color: #FFF transparent;

The easiest way would be to change the #FFF to a color that best matches the background. You can't just set it as transparent because the tag (yellow/orange thing) is a box and this simply makes a triangle on the left side of that box with different left borders to give it an arrow like look.

See, here I changed it to transparent #000 to illustrate how it makes the arrow.

enter image description here

You can't even tell if you change it from #FFF to #EEE.

border-color: #eee transparent;

enter image description here

Upvotes: 1

Related Questions