2016-07-06 7 views
0

So habe ich dieses Thema http://demo.theme.co/ethos-1/ und wollte die oberen Quadrate Runde machen.kann nicht umgehen border-box: vor und: nach mit border-radius

Die einzige Art, wie ich sie so bekommen kann, ist, wenn ich

*,*:before,*:after { 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box 
} 
to 
*,*:before,*:after { 
    border-radius:100px; 
} 

Das Problem ändern, ist es jedes Feld artige Form auf dem Gelände rund macht. Wo ich nur möchte, dass die Top-Post-Previews rund sind.

alle Ideen würden sehr geschätzt werden. Vielen Dank!

+0

Ich verstehe Ihre Argumentation nicht - warum glauben Sie, dass das Entfernen von 'Box-Sizing' zugunsten von' border-radius' auf einem Wildcard-Selektor die einzige Lösung ist? Warum nicht die spezifische Klasse für diese Boxen anvisieren? –

+0

versuchen Sie, so etwas zu erreichen? http://i.imgur.com/4SpqQSh.png – Zubzob

Antwort

0

Try .entry-cover{border-radius: 100px;} zu Ihrem CSS hinzufügen. Diese Klasse wird für die Elemente oben hinzugefügt.

0
.entry-cover { 
    border-radius:100px; 
} 

Gebrauchsklasse für oberste Beiträge