Beiträge von Sailor56

    füge folgenden CSS Code dem 'zusätzlichen CSS' im Custmizer hinzu:

    Code
    .page-id-55 a,
    .page-id-55 h3,
    .page-id-55 ul li span,
    .page-id-55 #custom_html-3 div {
      font-size: 18px;
    }


    Es muss auch noch ein Leerzeichen in dem Text....

    Über eine kleine Spende, egal wie hoch, würde ich mich sehr freue[COLOR=#ff0000]n. V[/COLOR]ielen Dank im voraus.

    eingefügt werden

    'float' ist auf jeden Fall für deine Zwecke untauglich!
    Versuche mal den folgenden Code im 'zusätzlichen CSS'....


    Vielleicht noch nicht die Ideallösung, sollte dich aber etwas weiter bringen.
    Nach der Änderung auf jeden Fall alle überprüfen, ob irgendwo unerwünschte Nebenwirkungen auftreten.

    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.

    Meine Vermutung ist, dass es sich hierbei um so eine Art Anweisung handelt, welche HTML Elemente im Kommentarfeld zulässig sind.
    Ausblenden sollte mit dem CSS Code...

    HTML
    div.col-md-12.abbr {
      display: none;
    }
    textarea#comment {
      margin-bottom: 15px;
    }


    im 'zusätzlichen CSS' des Customizers möglich sein.

    Das 'zusätzliche CSS' im Customizer ist dein Freund.

    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.

    In der Ansicht deines letzten Screen-Shots... da bis du ja genau in der Bearbeitungsmaske des zusätzlichen CSS.... siehst du doch links den Code, der im zusätzlichen CSS drin steht.
    Dort ist auch eine media-Query eingefügt...

    Code
    @media screen and (max-width: 760px) {
    
    
    /*hier deine Formatierugen*/
    
    
    }


    Alles was da jetzt zwischen den { } wird nur ausgeführt, wenn die Bedingung 'max-width: 760px' erfüllt ist. Also wenn die Breite deiner Anzeige kleiner als 760px ist.

    Prüfe bitte mal.... du hast die den Code innerhalb einer 'media-Query' eingefügt, dann wirkt der auch nur in dem Bereich, für den die 'media-Query' definiert wurde. In deinem Fall (max-width: 768px). Der Code soll ja für alle Bereiche gelten, also muss er aus der der Query raus und alleine stehen.
    Außerdem fehlt in deinem Code die schließende geschweifte Klammer '}' hinter der letzten Anweisung der media-Query!

    Hast du den Code in das 'zusätzliche CSS' im Customizer eingetragen?
    Versuche dann mal, ob man mit !important etwas erreicht.

    CSS
    .woocommerce .cart input.button{
      background-color: #deine_Farbe !important;
    }
    .woocommerce .cart .button {
      background-color: #deine_Farbe !important;
    }
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      background-color: #deine_Farbe !important;
    }


    Hast du die Seite mit dem zusätzlichen CSS Code online?

    Im 'zusätzlichen CSS' des Customizers mit folgendem Code:

    Code
    .woocommerce .cart input.button{
      background-color: #deine_Farbe;
    }
    .woocommerce .cart .button {
      background-color: #deine_Farbe;
    }
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      background-color: #deine_Farbe;
    }

    Du solltest niemals in der style.css solche Dinge ändern, sondern immer das 'zusätzliche CSS' im Customizer nutzen.
    Dann solltest du dein autoptimize Plugin deaktivieren. zumindestens so lange, bis deine Änderungen so wirken.
    Dieser Code funktioniert bei mir für den 2. Button:

    Code
    .is-style-outline a.wp-block-button__link:not(.has-text-color) {
          background-color: 'deine Farbe';
          color: 'deine Farbe';
    }
    .is-style-outline a.wp-block-button__link:not(.has-text-color):hover {
      background-color:'deine Farbe';
        color: 'deine Farbe';
    }


    sollte das auch nicht wirken, dann kannst du noch ein !important; zu der jeweiligen Formatierung hinzufügen... etwa so:

    CSS
    .is-style-outline a.wp-block-button__link:not(.has-text-color) {
          background-color: 'deine Farbe' !important;
          color: 'deine Farbe' !important;
    }
    .is-style-outline a.wp-block-button__link:not(.has-text-color):hover {
      background-color:'deine Farbe' !important;
        color: 'deine Farbe' !important;
    }