CSS mag nicht

magiccas

Wieso mag CSS Class programmierung WP nicht ?
Wie lösen wir das problem ?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

danielgoehr

Zitat von magiccas

Wieso mag CSS Class programmierung WP nicht ?

Was ist eine "CSS Class Programmierung"? Und was genau heißt "nicht mögen"?

Zitat von magiccas

Wie lösen wir das problem ?

Wenn du mich fragst, gibt es gar keine Problem, dass man lösen müsste. CSS funktioniert in WP vollständig und ohne Probleme.

Versuch doch am besten mal, dein Problem mal etwas genauer/konkreter zu beschrieben.

magiccas

wenn ich folgende Code in Editor Text eingebe denn erscheint kein Botton sondern nur text.

HTML

<a class="myButton" href="#">12.02.2015</a>


.myButton {
-moz-box-shadow: 0px 2px 0px 0px #65aad4;
-webkit-box-shadow: 0px 2px 0px 0px #65aad4;
box-shadow: 0px 2px 0px 0px #65aad4;
background-color:#3a1cbd;
-moz-border-radius:22px;
-webkit-border-radius:22px;
border-radius:22px;
border:1px solid #040308;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:17px;
font-weight:bold;
padding:11px 41px;
text-decoration:none;
text-shadow:0px 1px 0px #4757ad;
}
.myButton:hover {
background-color:#2a8cbd;
}
.myButton:active {
position:relative;
top:1px;
}

Alles anzeigen

Sailor56

Das sollte nicht an dem Code liegen, den du gepostet hast. Mit dem bekomme ich dieses Ergebnis:

Könnte da noch was anderes sein im CSS, dass dir dieses Ergebnis zunichte macht?

danielgoehr

1. CSS gehört nicht in den Editor, sondern in die style.css vom Child-Theme oder im Customizer in "Zusätzliches CSS".

2. Wenn es im Editor eingegeben wird, fehlt das <style>-Tag. Mit dem Tag sollte es wahrscheinlich auch im Editor funktionieren. Das wäre aber nicht valide, insofern ist 1. zu bevorzugen.

magiccas

Zitat von Sailor56

Das sollte nicht an dem Code liegen, den du gepostet hast. Mit dem bekomme ich dieses Ergebnis:

Könnte da noch was anderes sein im CSS, dass dir dieses Ergebnis zunichte macht?

komisch hier gehts

magiccas

was muss ich machen das es klappt ?

Sailor56

Mach das, was @danielgoehr dir geraten hat.. füge deinen CSS Code im 'zusätzlichen CSS' ein!
vom Dashboard -> Design -> Customizer -> zusätzliches CSS

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

magiccas

Ich möchte das aber auf eine seite einbauen und nicht im gesamte.

Edit maxe: Direkt Zitat entfernt

danielgoehr

Der Button erscheint nur dort, wo du den HTML-Teil einfügst.
Der CSS Teil gehört genau an die im Video gezeigte Stelle (Customizer). Unabhängig davon, ob du den Button nur auf einer Seite oder auf allen einbauen willst.

Alternativ, wie schon gesagt, ergänze das Style Tag um deinen CSS Teil. Dann ist es zwar gewissermaßen "falsch" gemacht, wird aber wahrscheinlich trotzdem funktionieren.

Edit maxe: Direkt Zitat entfernt

magiccas

Geht trotzdem nicht.

Edit maxe: Direkt Zitat entfernt

danielgoehr

Wie hast du es denn jetzt genau versucht? Im Customizer oder mit Style-Tag?

Ich bin mir zu 100% sicher, dass die Customizer-Variante funktioniert. Und bei der anderen zu 99% ;)

Edit maxe: Direkt Zitat entfernt

Sailor56

1000%... wenn man es richtig macht!

magiccas

Zitat von danielgoehr

Wie hast du es denn jetzt genau versucht? Im Customizer oder mit Style-Tag?
Ich bin mir zu 100% sicher, dass die Customizer-Variante funktioniert. Und bei der anderen zu 99% ;)

ich hab folgendes versucht:
1. diesen Code im editor ein gemacht. Geht nicht
2. in custumizer:

Code

.myButton {
-moz-box-shadow: 0px 2px 0px 0px #65aad4;
-webkit-box-shadow: 0px 2px 0px 0px #65aad4;
box-shadow: 0px 2px 0px 0px #65aad4;
background-color:#3a1cbd;
-moz-border-radius:22px;
-webkit-border-radius:22px;
border-radius:22px;
border:1px solid #040308;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:17px;
font-weight:bold;
padding:11px 41px;
text-decoration:none;
text-shadow:0px 1px 0px #4757ad;
}
.myButton:hover {
background-color:#2a8cbd;
}
.myButton:active {
position:relative;
top:1px;
}

Alles anzeigen

in Editor Text:

Code

<a class="myButton" href="#">12.02.2015</a>

danielgoehr

Sieht für mich korrekt aus. Gibt es einen Link zur Seite, wo man sich das mal ansehen kann?

danielgoehr

@maxe: Ist zwar OT, aber was bedeutet denn "Direkt Zitat entfernt"?

maxe

Zitat von danielgoehr

@maxe: Ist zwar OT, aber was bedeutet denn "Direkt Zitat entfernt"?

siehe mein jetziges Zitat. Ist unserer Meinung völlig unnötig. Ich habe dir ja direkt geantwortet, da benötige ich kein Zitat.
Wenn ich will, dass du es unbedingt mitbekommst, dann erwähne ich dich @danielgoehr

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS mag nicht

Jetzt mitmachen!

Benutzer online in diesem Thema