Ondersteuning Volgende » CSS / opmaak vragen Volgende » Hoe tags weergeven als cloud en niet als lijst?

  • Opgelost froukevh

    (@froukevh)


    Dag iedereen,

    Ik gebruik de ingebouwde tag cloud widget van mijn thema (twenty sixteen child)
    Na de laatste update staan deze tags plots niet langer in een cloud, maar worden ze weergegeven in een lijst.
    Heeft iemand een idee hoe ik dit terug naar een tag-cloud kan veranderen?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Met de recente update van Twenty Sixteen (versie 1.4) is de styling van de tagcloud licht gewijzigd.

    Ik kan zien dat je de laatste versie van het thema op je site hebt, maar dat je een child thema gebruikt – mogelijk via de Customize Twenty Sixteen plugin gecreĆ«erd. In de css van dit child thema zit de oude styling nog (en je laadt het originele stylesheet niet meer in, waardoor je de update niet hebt).

    Als je kan, zoek in je child thema naar het bestand twentysixteen child/style.css
    en zoek daar naar de styling voor de tag cloud:

    
    /* Tag Cloud widget */
    .tagcloud a {
    	border: 1px solid #D1D1D1;
    	border-radius: 2px;
    	display: inline-block;
    	font-family: Montserrat, "Helvetica Neue", sans-serif;
    	line-height: 1;
    	margin: 0 0.1875em 0.4375em 0;
    	padding: 0.5625em 0.4375em 0.5em;
    }
    
    .tagcloud a:hover,
    .tagcloud a:focus {
    	border-color: #007ACC;
    	color: #007ACC;
    	outline: 0;
    }
    

    Vervang dit stukje code door de nieuwe styling van versie 1.4:

    /* Tag Cloud widget */
    .tagcloud a {
    	border: 1px solid #d1d1d1;
    	border-radius: 2px;
    	display: inline-block;
    	font-family: Montserrat, "Helvetica Neue", sans-serif;
    	line-height: 1;
    	margin: 0 0.1875em 0.4375em 0;
    	padding: 0.5625em 0.4375em 0.5em;
    }
    
    .tagcloud ul {
    	list-style-type: none;
    	margin-left: 0;
    }
    
    .tagcloud ul li {
    	display: inline-block;
    }
    
    .tagcloud a:hover,
    .tagcloud a:focus {
    	border-color: #007acc;
    	color: #007acc;
    	outline: 0;
    }

    Kan je hier iets mee?

    Dag Veerle,

    Ik heb dit zonet geprobeerd en het is gelukt.
    Mijn tagcloud ziet er nu niet meer uit als een lijst.
    Heel erg bedankt voor de hulp!
    Ik moet me dringend ook eens wat gaan verdiepen in css, lijkt me zo leuk als je dat kunt.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)