css auf bestimmte Elemente anwenden

Auf meiner Website verwende ich das Thema Zeitung. Ich habe es ein bisschen mit CSS geändert. Ich versuche, meine Sidebar (Instagram, beliebteste, newsletter Anmeldung) zu einer Breite von 26% zu bekommen, so dass es in der gleichen Zeile wie die Auswahl des Editors wäre.css auf bestimmte Elemente anwenden

Das Problem ist, dass ich die Sidebar nicht zu einer Breite von 26% bekommen kann, ohne die 3 Blöcke über die Auswahl des Editors zu beeinflussen. Da beide sind. Td-pb-span4. Ich habe versucht, dieses Problem zu lösen, indem ich einen spezifischeren Code nur für die Sidebar verwende (Code unten) und es wird immer noch nicht funktionieren. Es ist komisch, weil der Code, den ich versuche zu verwenden, in Chrome-Entwickler angewendet wird, aber sobald ich es zu meinem CSS hinzufügen, gilt es nicht für meine Website. Ich würde jede mögliche Lösung sehr schätzen, ich habe versucht, das für ein paar Tage herauszufinden, und scheint das Problem nicht zu finden.

Code Ich versuchte zunächst, hinzufügen, aber es beeinflusst sowohl die Sidebar und die drei Blöcke über Editoren Picks (und ich möchte nur Breite: 26% auf der Sidebar anzuwenden)

.td-pb-span4 { 
    width: 26%; 
}

spezifischere Code Ich bin versuchen, hinzufügen, dass nur in die Seitenleiste gilt (in Chrom Entwickler arbeiten werden, wird aber nicht funktionieren, wenn ich es auf meiner Website CSS anwenden)

.vc_column.td_uid_70_5976097f07941_rand.wpb_column.vc_column_container.td-pb-span4 { 
    width: 26%; 
}

Quelle

2017-07-24 user7548188

tun sie dies nicht tun:

/* index ~line 2817 */ 
.td-pb-span8 { /* WHY */ 
    width: 70%; 
    float: left; 
    margin-right: 4%; 
}

Sie eine gut definierte Rastersystem sind zu berühren, die aus dem Kasten heraus zu arbeiten hat: die Mathematik 12 basieren so tun

.td-pb-span8 { 
    width: 66.66666667%; /* yep. There's no reason on earth you should set to 70% */ 
}

Grids: 100/12 * 8

Quelle

2017-07-24 16:25:03

Wenn ich das nicht verwenden Wie ich die Editoren auswählen soll (span8) nehme 70% und die Sidebar 26%. Mir gefällt, wie die Seite auf dieser Breite aussieht, weshalb ich sie geändert habe. Gibt es eine Möglichkeit, es zu ändern, um dasselbe zu tun, was eine bessere Praxis ist? – user7548188

Nicht. Verwenden Sie Gitter. 100/12 und dann wählen Sie die, die Sie brauchen. Wenn Sie wirklich wollen, dass eine Zelle 70% beträgt, dann sollte logischerweise die nächste 30% und nicht 33.33333% betragen - was nicht für die ungeraden 4% -Marken steht, die Sie verwendet haben ... –

Sorry, ich bin ein bisschen verwirrt. Kann ich also die CSS ändern, um diese Zelle zu 70% zu machen, und wenn ja, könntest du mir irgendwie helfen? Ich wollte, dass diese Zelle 70% hat, mit einer 4% igen Marge rechts und einer 26% breiten Seitenleiste. – user7548188

css auf bestimmte Elemente anwenden

Antwort

Verwandte Themen