Copy link to clipboard
Copied
I've read similar questions, but we will focus on the specifics. I have html page templates for my site and trying to integrate them with the platform Bc. The whole work arose from the fact that it is difficult to remove by using liquid tags the url of the tagcloud in the right place or rather to apply to the <tagcloud> your styles. I read a post about css styles in the <tagcloud>, but in this case there is a conflict :active and :visited and :pressed. Using great liquid displays: {{item.name}}, but it is impossible to get: {{item.url}} why??? Because of this we have to mess with css, it's not practical and not modern.
For example:
{module_blogtaglist collection="collection1" template=""}
{% for item in collection1.items %}
<a class="..." href="{{item.url}}"> {{item.name}} </a>
{% endfor %}
Maybe I do not understand something, but how do I get the url?
Sorry for my English, but I'll be glad to help, thank you.
Copy link to clipboard
Copied
There should be zero conflict with :visited and :active, never had a problem styling the tag could to what ever I want. I would check with your CSS.
module_blogtaglist does not exist.
Copy link to clipboard
Copied
<div class="category-item"><a class="BlogTagCloud-XX-Small" href="">{tag_blogtagcloud}</a>
</div>
.BlogTagCloud-XX-Small {
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #585858;
font-size: 16px;
text-decoration: none;
padding-right: 10px;
}
.BlogTagCloud-XX-Small:active {
color: #1ec4d6;
text-decoration: underline;
}
.BlogTagCloud-XX-Small:hover {
color: #000;
text-decoration: underline;
}
Copy link to clipboard
Copied
Well here is your first problem:
<a class="BlogTagCloud-XX-Small" href="">{tag_blogtagcloud}</a>
Your tag renders a lot of html and links inside of it, its not seperate items. Your wrapping a big empty link around a cluster of links and other html markup. Get rid of that and you wont have any issues.