Format wird nicht übernommen

  • precrime

    (@precrime)


    vor 7 Jahren, 3 Monaten

    Guten Tag allerseits
    Sorry, falls das Thema hier falsch ist. Ich bin eben nicht sicher, ob es die CSS von WordPress betrifft, oder ob es auf Einstellungen von meinem Theme Storefront zugreift.
    Folgendes Problem:

    Ich habe WPForms installiert und eingerichtet. Im Preview-Link sieht das Kontaktformular auch genau korrekt aus: https://imgur.com/KwuO1Uv

    Auf der Live-Seite jedoch wird dieses mit einer grauen Farbe umhüllt: https://imgur.com/wYbbdqw

    Leider konnte ich auch mit dem Entwicklertool nicht herausfinden woher das kommt und ich hoffe auf Eure Hilfe.

    Auch andere Plugins die ich integriere, z.B. einen Produkte Slider, werden mit diesem Fehler angezeigt.

    Weiss jemand woran das liegt und wie ich es anpassen kann? Vorallem wird es ja in der Preview korrekt angezeigt. Echt schräg.

    Danke Euch im Voraus und ein frohes neues Jahr!

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • bscu

    (@bscu)

    vor 7 Jahren, 3 Monaten

    Ein Link zur Seite wäre hilfreich

    Thread-Starter precrime

    (@precrime)

    vor 7 Jahren, 3 Monaten

    Sorry bscu, total vergessen:
    https://vapingstore.ch/

    Danke vielmal

    bscu

    (@bscu)

    vor 7 Jahren, 3 Monaten

    In der style.css findest du in Zeile 33

    pre {
    background: rgba(0,0,0,.1);
    font-family: 'Courier 10 Pitch',Courier,monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%;
}

    Diese Background-Angabe erzeugt den grauen Hintergrund. Überschreibe diese im Custom-CSS

    Thread-Starter precrime

    (@precrime)

    vor 7 Jahren, 3 Monaten

    Vielen Dank bscu
    Damit es weiss bleibt nehme ich an schreibe ich rgba(0,0,0,0);?
    Ausserdem wird leider auch die Schriftart verändert. Das kann ich bei font-family anpassen, oder?

    Komisch, dass alles überschrieben wird. Eigentlich möchte ich dass es genau so aussieht wie auf dem Preview Bild, aber irgend eine CSS Datei greift vor – in dem Fall die style.css?

    Danke für die Hilfe!

    ps:
    Kann ich diese änderungen auch machen indem ich die Storefront extension kaufe? Oder hat das nichts mit dem Theme zu tun?

    Wenn es natürlich geht, dass ich es einfach so anpassen kann dass es wie auf dem preview aussieht, dann bin ich happy. Auch die Fonts sollten die selben sein und nicht andere Fonts für das Kontaktformular, und die Seite hat wieder andere.

    • Diese Antwort wurde vor 7 Jahren, 3 Monaten von precrime geändert.
    • Diese Antwort wurde vor 7 Jahren, 3 Monaten von precrime geändert.
    Thread-Starter precrime

    (@precrime)

    vor 7 Jahren, 3 Monaten

    Habe es in „255, 255, 255, 1“ angepasst und es hat geklappt :). Danke!
    Was jetzt noch übrig bleibt ist, dass ich die gleichen Fonts verwenden möchte wie auf der Homepage.

    Zusätzlich ist oben im Kontaktformular sowie unten ein grauer kleiner Balken. Also oben von „Vorname“ und unten nach „Submit“ ist ein kleiner grauer Balken.

    Wie kann ich diese änderungen vornehmen?

    Danke vielmals für die Hilfe 🙂

    • Diese Antwort wurde vor 7 Jahren, 3 Monaten von precrime geändert.
    bscu

    (@bscu)

    vor 7 Jahren, 3 Monaten

    Der kleine graue Balken und der Font kommt von

    code, kbd, tt, var {
    font-family: Monaco,Consolas,'Andale Mono','DejaVu Sans Mono',monospace;
    background-color: rgba(0,0,0,.05);
    padding: .202em .5407911001em;
}

    Leider konnte ich auch mit dem Entwicklertool nicht herausfinden woher das kommt

    Und wieso kann ich das?

    Thread-Starter precrime

    (@precrime)

    vor 7 Jahren, 3 Monaten

    Weil dus richtig gemacht hast?
    Habe gesehen, dass man auf „Untersuchen“ klicken muss damit es eingezeigt wird. In einem anderen Browser habe ich gemeint musste man nur drüber fahren. Aber habs jetzt auch gefunden, danke.

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)

Das Thema „Format wird nicht übernommen“ ist für neue Antworten geschlossen.