AilaM
5/16/2019 - 5:35 PM

Make Blog list into Tag Cloud

JS:
//Make blog tag cloud
jQuery('.page--page-title--bradford-blog .app-blog_tags ul.no-bullet li').unwrap();
jQuery('.page--page-title--bradford-blog .app-blog_tags .views-field-name').unwrap();
jQuery('.page--page-title--bradford-blog .app-blog_tags .item-list').unwrap();
jQuery('.page--page-title--bradford-blog .app-blog_tags .field-content').unwrap();
jQuery('.page--page-title--bradford-blog .app-blog_tags .field-content a').unwrap();
jQuery('.page--page-title--bradford-blog .app-blog_tags .item-list').appendTo('#block-views-block-blog-tags-blog-tags-block-1-3');

CSS:
.page--page-title--bradford-blog .field--name-field-tags{
  display: none;
}

.page--page-title--bradford-blog .app-blog_tags .item-list{
  line-height: 3;
}
.page--page-title--bradford-blog .app-blog_tags .item-list a{
  padding: 0 10px;
  border: 2px solid #640c24;
  border-radius: 5px;
  margin: 10px 15px 10px 0;
  display: inline-block;
  background-color: #640c2414;
  transition: all 0.2s ease-in-out;
}

.page--page-title--bradford-blog .app-blog_tags .item-list a:hover{
  background-color: #640c2426;
}

#block-views-block-blog-tags-blog-tags-block-1-3 .block__content{
  display: none;
}

Just in case:
// HOTFIX - Blog category page:
jQuery('.path-taxonomy .aw-header--sticky .navbar-menu-block .grid-y').removeClass('full-height');
jQuery('.path-taxonomy .aw-header--sticky .navbar-menu-block .grid-y > .cell').removeClass('auto');