• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Customize blogtaglist.

New Here ,
Aug 27, 2016 Aug 27, 2016

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.

TOPICS
Content management and modules

Views

253

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 28, 2016 Aug 28, 2016

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 28, 2016 Aug 28, 2016

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;

}

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 28, 2016 Aug 28, 2016

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines