Support » Allgemeine Fragen » Änderungen im Cutomizer werden nicht in der „custom-style.css“ übernommen

  • Gelöst ichmachweiter

    (@ichmachweiter)


    Hallo Zusammen,

    ich habe das Problem, dass Änderungen im Customizer nicht in der „custom-style.css“ Datei übernommen werden.

    Die betrifft sowohl Änderungen im Bereich „Custom CSS/JS“ wie auch diverse Typografien.

    Habe bereits diverse Cache gelöscht sowie Plugins de- + aktiviert.

    Über jegliche Hinweise wäre ich sehr dankbar.

    Schon mal herzlichen Dank und beste Grüße
    Michael

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 26)
  • Michi91

    (@michi91)

    Im Normalfall werden die zusätzlichen CSS Einstellungen auch nicht in eine Datei übernommen, sondern inline mit in die Seite eingeschleust.

    Deaktivier mal bitte alle Caches und Optimizer damit wir ein sauberes und manipulationsfreies Bild bekommen.

    Thread-Starter ichmachweiter

    (@ichmachweiter)

    Hallo @michi91

    vielen Dank für deine schnelle Rückmeldung.

    Ich hab jetzt mal alle relevanten Plugins deaktiviert. Das Problem bleibt gleich.

    Wenn ich die Änderungen im Customizer machen, werden diese in der live Vorschau übernommen. Nach dem Veröffentlichen sind die Änderungen aber nicht ersichtlich.

    Liebe Grüße
    Michael

    Moderator Bego Mario Garde

    (@pixolin)

    Das Problem ist, dass wir von dir keine Informationen zur Website bekommen haben.
    Geh bitte auf Werkzeuge > Website-Zustand > Bericht, klick auf den Button und füge den Bericht mit Strg-V unverändert in deine Antwort ein.

    Das Theme OceanWP mit dem Plugin Ocean Extra geht einen etwas anderen Weg bei der Nutzung von eigenen CSS-Regeln. Bei anderen Themes werden die Regeln, wie von @michi91 bereits beschrieben, im Header der Webseiten eingebunden.

    Dein Stylesheet https://ic***ter.de/wp-content/uploads/oceanwp/custom-style.css?ver=6.0.1 ist recht umfangreich. Du solltest konkreter beschreiben, was du ändern möchtest und was du dazu im Customizer eingetragen hast. Vielleicht können wir das dann besser nachvollziehen.

    Schau bitte auch beim Speichern der Änderungen im Customizer, ob der Button mit „Veröffentlichen“ beschriftet ist. Verwendest du ein Cache-Plugin? Ein Website-Bericht wäre wie gesagt hilfreich.

    Thread-Starter ichmachweiter

    (@ichmachweiter)

    Hallo @pixolin,

    auch dir vielen Dank für deine Rückmeldung.

    Den Bericht habe ich angehängt.

    Zum Problem:
    Es werden Änderungen aus diversen Bereichen des Customizers nicht übernomomen.
    – Z.B. Änderungen im Bereich „Custom CSS/JS“
    – Aber auch wenn ich z.B. den Innenabstand des unteren Footers anpasse.

    Liebe Grüße
    Michael

    
    ### wp-core ###
    
    version: 6.0.1
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 2
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /homepages/22/d805359686/htdocs/app805495xxx
    wordpress_size: 60,74 MB (63693952 bytes)
    uploads_path: /homepages/22/d805359686/htdocs/app805495xxx/wp-content/uploads
    uploads_size: 43,17 MB (45267073 bytes)
    themes_path: /homepages/22/d805359686/htdocs/app805495xxx/wp-content/themes
    themes_size: 24,02 MB (25188654 bytes)
    plugins_path: /homepages/22/d805359686/htdocs/app805495xxx/wp-content/plugins
    plugins_size: 27,03 MB (28344323 bytes)
    database_size: 276,97 MB (290422784 bytes)
    total_size: 431,94 MB (452916786 bytes)
    
    ### wp-active-theme ###
    
    name: OceanWP (oceanwp)
    version: 3.3.4
    author: OceanWP
    author_website: https://oceanwp.org/about-oceanwp/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
    theme_path: /homepages/22/d805359686/htdocs/app805495xxx/wp-content/themes/oceanwp
    auto_update: Aktiviert
    
    ### wp-themes-inactive (1) ###
    
    Twenty Twenty-Two: version: 1.2, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-active (12) ###
    
    Classic Editor: version: 1.6.2, author: WordPress Contributors, Automatische Aktualisierungen aktiviert
    Enable Media Replace: version: 3.6.3, author: ShortPixel, Automatische Aktualisierungen aktiviert
    Imagify: version: 2.0, author: WP Rocket, Automatische Aktualisierungen deaktiviert
    Lazy Load for Comments: version: 1.0.10, author: Joel James, Automatische Aktualisierungen deaktiviert
    Ocean Custom Sidebar: version: 1.0.9, author: OceanWP, Automatische Aktualisierungen aktiviert
    Ocean Extra: version: 2.0.4, author: OceanWP, Automatische Aktualisierungen aktiviert
    Ocean Stick Anything: version: 2.0.4, author: OceanWP, Automatische Aktualisierungen aktiviert
    Rank Math SEO: version: 1.0.96, author: Rank Math, Automatische Aktualisierungen aktiviert
    Rank Math SEO PRO: version: 3.0.19, author: Rank Math, Automatische Aktualisierungen aktiviert
    Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Automatische Aktualisierungen aktiviert
    
    ### wp-plugins-inactive (3) ###
    
    Autoptimize: version: 3.1.1.1, author: Frank Goossens (futtta), Automatische Aktualisierungen deaktiviert
    Cache Enabler: version: 1.8.9, author: KeyCDN, Automatische Aktualisierungen deaktiviert
    Limit Login Attempts Reloaded: version: 2.25.5, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: File uploads is turned off
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.27
    
    ### wp-server ###
    
    server_architecture: Linux 4.4.302-icpu-088 x86_64
    httpd_software: Apache
    php_version: 7.4.30 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 1024M
    max_input_time: -1
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 7.64.0 OpenSSL/1.1.1n
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.38-log
    client_version: mysqlnd 7.4.30
    max_allowed_packet: 67108864
    max_connections: 3000
    
    ### wp-constants ###
    
    WP_HOME: https://ich-mach-weiter.de/
    WP_SITEURL: https://ich-mach-weiter.de/
    WP_CONTENT_DIR: /homepages/22/d805359686/htdocs/app805495xxx/wp-content
    WP_PLUGIN_DIR: /homepages/22/d805359686/htdocs/app805495xxx/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 1024M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    
    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    im Bericht steht zwar, dass du das Plugin Autoptimize deaktiviert hast, das ist aber tatsächlich auf der Website nicht der Fall.
    So lange du die Website entwickelst, solltest du kein Cache-Plugin aktivieren.
    Deaktiviere das Plugin doch bitte noch mal und Teste das doch mal in einem privaten Fenster (Firefox) und/oder im Inkognitomodus (Chrome). Die Option findest du oben rechts bei den drei senkrechten Punkten in Chrome.

    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    Mit

    Du solltest konkreter beschreiben, was du ändern möchtest und was du dazu im Customizer eingetragen hast.

    hatte ich eigentlich gehofft, dass du konkret eine CSS-Regel nennst, die du im Customizer eingetragen hast und was du damit erreichen möchtest. Wir können nicht raten, was du anpassen möchtest, um dann zu schreiben, wieso das nicht klappt.

    Autoptimize ist ein tolles Plugin – wenn es richtig verwendet wird. Durch fehlerhafte Einstellungen kann aber einiges durcheinander kommen. Eine Fehlerursache wird zusätzlich erschwert. Aber darauf hatte dich Hans-Gerd schon hingewiesen.

    Thread-Starter ichmachweiter

    (@ichmachweiter)

    @pixolin @hage Vielen Dank für eure Hinweise und entschuldigt die späte Rückmeldung.

    Das Plugin Autoptimize war bei meinen Versuchen immer deaktiviert, so wie im Bericht ersichtlich. Hatte es im Anschluss wieder aktiviert.

    Hatte alle Versuche bereits im Privaten Modus und auf verschiedenen Browsern getestet, immer ohne Erfolg.

    Aktuell habe ich Cache Enabler und Autoptimize deaktivert.

    Hier zwei konkrete Beispiele, welche beide nicht funktionieren:

    – Im Customizer unter Custom CSS/JS habe ich folgendes neu hinzugefügt: .br15 { border-radius: 10px; } (um Bilder mit einem Radius darzustellen). Z.B. auf folgender Seite „https://ich-mach-weiter.de/druck-stress-studium/“

    Diese Änderung greift so nicht in der CSS Datei.

    – Dann habe ich versucht (nur zum Test), ob andere Änderungen im Customizer in der CSS übernommen werden. So z.B. hatte ich im Customizer unter „Fußzeile ganz unten“ die Werte des Innenabstandes von 12/0/12/0 auf 13/0/12/0 geändert. Aber auch diese Änderung wird nicht in der CSS Datei angewendet.

    Zum Hinweis, ob im Customizer der Button auf Veröffentlichen steht. Ich habe alle Varianten ausprobiert. Weder direktes Veröffentlichen noch Speicher oder Planen bewirken eine Übernahme in der CSS Datei.

    Ich würde euch nochmals recht herzlich um eure Unterstützung bitten.

    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    ich habe mir das gerade mal auf einer Testinstanz mit OceanWP unter Design > Zusätzliches CSS angesehen. Die CSS-Regeln wurden da korrekt umgesetzt.

    Funktionieren sollte unter Design > Customizer > Zusätzliches CSS:

    img.schattengross.aligncenter.wp-image-10129.br15 {
        border-radius: 15px;
    }

    Teste das doch mal bitte.

    Bei mir sehe ich allerdings auch keine Option „Customizer unter Custom CSS/JS“.

    Viele Grüße
    Hans-Gerd

    Thread-Starter ichmachweiter

    (@ichmachweiter)

    @hage Hallo Hans-Gerd,

    vielen Dank für deinen Test und die Rückmeldung.

    Habe deinen Code gerade bei Design > Customizer > Zusätzliches CSS eingefügt (da hatte ich auch meinen Code eingefügt). Auch dies wird nicht übernommen.

    Ich hatte in der Vergangenheit etliche CSS Befehle dort eingefügt und es hatte immer funktioniert.

    Bei mir sehe ich allerdings auch keine Option „Customizer unter Custom CSS/JS“.

    Damit meinte ich den Bereich Design > Customizer > Zusätzliches CSS

    Gibt es weitere Tests, die ich machen könnte? Hast du sonst noch eine Idee?

    Schon mal herzlichen Dank und viele Grüße
    Michael

    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    unter zusätzliches CSS stehen u. a. die beiden folgenden Regeln:

    /* pfeil comments titel entfernt */
    .comments-title .text::before {
        display: none;
        !important}
    
    /*remove icon from mobile menu */
    .sidr-class-dropdown-menu ul a:before {
        content: none;
        !important}

    Die Regeln enthalten Fehler (!important muss – wenn überhaupt – vor dem Semikolon geschrieben werden) und es könnte gut sein, dass das zu dem Problem führt.

    Richtig müsste es heißen:

    /* pfeil comments titel entfernt */
    .comments-title .text::before {
        display: none !important;
    }
    
    /*remove icon from mobile menu */
    .sidr-class-dropdown-menu ul a:before {
        content: none !important;
    }

    !important ist übrigens eine Notlösung. Da solltest du auch noch prüfen, ob es nicht andere Möglichkeiten gibt.

    Ändere das doch mal bitte und teste dann, ob das Problem behoben ist.

    Viele Grüße
    Hans-Gerd

    Moderator Angelika Reisiger

    (@la-geek)

    Hallo @ichmachweiter

    Poste mal den gesamten Inhalt, der unter Design > Customizer > Zusätzliches CSS eingetragen ist.

    Und auch den Code, der im Textbereich JS eingetragen wurde.

    Thread-Starter ichmachweiter

    (@ichmachweiter)

    Hallo @hage und @la-geek ,

    vielen Dank für eure Tipps.

    Den CSS Code (das !Important) habe ich geändert. Hat keinen Erfolg gebracht.

    Anbei der gesamte Code, welcher unter Design > Customizer > Zusätzliches CSS eingetragen ist (bei Zusätzlichem JS ist kein Eintrag):

    /* home neu  */
    .home-blog li { box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);}
    .home-blog a {
    display: block;
    padding: 5px 10px 5px;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 17px;}
    .home-blog time {display: block;
    padding: 5px 10px 5px;}
    .home-blog time {display: block;}
    /* bei fullwidth post */
    .single-post.content-max-width ul.meta {    margin: 0px auto !important;
    }
    /* grosses postlayout */
    .postlayoutgross .button{ background-color: #56b0ff !important;}
    .postlayoutgross hr { border-top: 3px solid #56b0ff !important}
    .postlayoutgross hr, .m20 {margin-left: 20px !important; margin-right: 20px !important;}
    .postlayoutgross h2 {margin-left: 20px !important; margin-right: 20px !important; padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 0.5em !important; padding-bottom: 8px; border-bottom: 3px #56b0ff solid; margin-top: 40px;}
    div.max-breite {max-width: 700px; margin: 1.3em auto !important; }
    .postlayoutgross p {margin: 1em auto !important;}
    .aufzaehlung.postlayoutgross li {margin-left: 20px !important;}
    
    h1.test456 {margin-top: 0px !important; text-align: center; margin-bottom: 30px !important;} 
    /* .postlayoutgross h1 {margin-top: 0px !important; text-align: center; margin-bottom: 30px !important;} */
    
    div.postlayoutgross {font-size: 17px;}
    .container-weiss {padding-top: 1px; padding-bottom: 5px; max-width: 660px; padding-left: 0px; margin: 30px 20px 40px 20px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
    
    @media screen and (min-width:769px){h1.test456{font-size: 38px; padding: 0px 50px 0px 50px !important;} 
    
    /* @media screen and (min-width:769px){.postlayoutgross h1{font-size: 38px; padding: 0px 50px 0px 50px !important;} */
    	
    div.postlayoutgross{font-size: 18px !important; line-height: 1.75 !important;}}
    /* faq grosses layout */
    .faq-aufklappen {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); margin: 30px 20px 30px 20px;}
    .faq-aufklappen summary { cursor: pointer; display: list-item; padding: 10px; font-size: 18px; font-weight: 600;}
    .faq-aufklappen-text { padding: 0px 15px 15px 15px; background: #ffffff; }
    .faq-aufklappen .faq-aufklappen-titel h3 {display: inline; font-size: 18px; font-weight: 600;}
    .faq-aufklappen .faq-aufklappen-titel::marker {color: inherit !important}
    .faq-aufklappen .faq-aufklappen-text br {margin-bottom: 5px !important}
    /* interview grosses layout */
    .interview h3 {font-size: 20px; margin: 1em auto !important; }
    /* hover scale10 */
    .hover10:hover {transform: scale(1.1); box-shadow: 0 3px 15px rgba(0,0,0,.3);} 
    /* weiterlesen naechster beitrag groesser */
    .blog-entry.grid-entry .blog-entry-readmore a { font-size: 16px !important; }
    .page-jump a {font-size: 15px !important; }
    /* pfeil comments titel entfernt */
    .comments-title .text::before { display: none !important; } 
    /*remove icon from mobile menu */
    .sidr-class-dropdown-menu ul a:before { content: none !important; }
    /* current menu unterstrichen */
    .current-menu-item > a { background-color: transparent;	color: #00354c !important; border-bottom: 3px solid; }
    /* untermenu anpassung text transform */
    .dropdown-menu ul li a.menu-link { text-transform: none !important; }
    /* tabellen */
    .tabelle-gehalt { border-collapse: separate !important; border-spacing: 2px !important; width: 85%; } .tabelle-gehalt td { padding: 2px 10px !important; border:none; border-radius: 5px; box-shadow: inset 0px 0px 4px -1px #56b0ff; } .tabelle-gehalt th { padding: 2px 10px !important; border:none; border-radius: 5px; box-shadow: inset 0px 0px 2px 2px #56b0ff; } .tabelle-gehalt td:nth-of-type(1) { width: 60%; }
    .tabelle-gehalt1 { border-collapse: separate !important; border-spacing: 2px !important; width: 100%; } .tabelle-gehalt1 td { vertical-align: middle !important; padding: 2px 10px !important; text-align: left !important; border: none; border-radius: 5px; box-shadow: inset 0px 0px 4px -1px #56b0ff; } .tabelle-gehalt1 th { padding: 2px 10px !important; text-align: left !important; border: none; border-radius: 5px; box-shadow: inset 0px 0px 2px 2px #56b0ff; }
    .liste-schulen { margin-bottom: 0px !important } .liste-schulen td { padding: 20px 10px 20px 10px !important; text-align: middle !important; vertical-align: middle !important; border: none; } .liste-schulen td:nth-of-type(1) { width: 20%; }
    /* seitenleisten widgets style */
    .related-posts-sidebar-sytle li { font-size: 14px !important; padding: 6px 0; border-bottom: 1px solid #e9e9e9; }
    .related-posts-sidebar-sytle li:first-child { border-top: 1px solid #e9e9e9; }
    /* abstand unten */
    .abstand-unten-40 { margin-bottom: 40px !important; }
    .ul-16px { margin-right: -16px !important; }
    /* absatz ohne margin-bottom */
    .ohne-margin-bottom { margin-bottom: 1px !important }
    /* listen */
    .vorteil ul, .nachteil ul, .aufzaehlung ul, .fragen ul { list-style: none; margin: 0 0 20px 1.9em; }
    .vorteil li:before { content: "+"; color: #a0bf19; display: inline-block; width: 1.4em; margin-left: -1.4em; font-size: 1.4em; font-weight: 700; }
    .nachteil li:before { content: "-"; color: #e16b5a; display: inline-block; width: 1.4em; margin-left: -1.4em; font-size: 1.4em; font-weight: 700; }
    .aufzaehlung li:before { content: "•"; color: #1e73be; display: inline-block; width: 1.4em; margin-left: -1.4em; font-size: 1em; font-weight: 800; }
    .aufzaehlung li { margin-bottom: 1px }
    .fragen li:before { content: "?"; color: #e16b5a; display: inline-block; width: 1.4em; margin-left: -1.4em; font-size: 0.9em; font-weight: 600; }
    .fragen li { margin-bottom: 1px }
    /* Suchseite Headerhintergrund */
    .page-header { background-color: rgba(86,193,255,0.2) !important }
    /* marker Farbe */
    ::marker { color: #1e73be !important; }
    .theme-heading .text::before {color: #1e73be !important; }
    /* seitenleisten widget kennzeichnung breite */
    .widget-title { border-width: 0 0 0 2px !important; }
    /* widget kennzeichnung komment */
    .comment-reply-title { border-left: 2px solid #1e73be !important; padding-left: 15px !important; }
    /* komment p absatz*/
    .comment-body p { margin: 0 0 10px !important; }
    /* blockqu farbe */
    blockquote { padding-left: 15px !important; border-left-width: 2px !important; margin: 20px 10px !important; border-color: #1e73be !important; }
    /* aufklappen #ddf3ff */
    .aufklappen {border-radius: 5px; background: #ddf3ff; padding: 10px 10px; box-shadow: inset 0px 0px 2px 1px #56b0ff }
    .aufklappen summary { cursor: pointer; display: list-item; }
    .aufklappen-text { padding: 5px; border-radius: 5px;  background: #ddf3ff; }
    /* aufzählung1 */
    .aufzaehlung1 li  { margin-bottom: 0.8em !important; font-style:normal !important; }
    .aufzaehlung1 li:first-letter {font-size: 20px !important; font-weight: bold !important; color: #1e73be !important; }
    /* rahmen blau */
    .rahmen-blau {background-color: #ddf3ff; border-radius: 5px; border: none; padding: 15px; box-shadow: inset 0px 0px 2px 1px #56b0ff; margin-bottom: 20px; }
    /* rahmen beitrag widget background-color: #ddf3ff; */
    .wp-block-latest-posts.columns-2 li { border-radius: 5px; border: none; padding: 10px; box-shadow: inset 0px 0px 2px 1px #56b0ff; font-weight: 600; }
    /* bilder */
    .schattengross { box-shadow: 0 3px 15px rgba(0,0,0,.3); }
    .schattenklein { box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5); }
    .br15 { border-radius: 10px; }
    /* theme problem alle links unterstrichen */
    .single-post:not(.elementor-page) .entry-content a, .page:not(.elementor-page):not(.woocommerce-page) .entry a {text-decoration: none !important;}
    .single-post:not(.elementor-page) .entry-content a:hover, .page:not(.elementor-page):not(.woocommerce-page) .entry a:hover {text-decoration: none !important;}

    Viele Grüße und herzlichen Dank für eure Bemühungen
    Michael

    Moderator Angelika Reisiger

    (@la-geek)

    div.postlayoutgross{font-size: 18px !important; line-height: 1.75 !important;}}
    Leerzeichen einfügen nach div.postlayoutgross

    .postlayoutgross .button{ background-color: #56b0ff !important;}
    Leerzeichen einfügen nach button

    Vielleicht war es das schon 🙂

    Moderator Angelika Reisiger

    (@la-geek)

    Du kannst auch optional deinen (hier aber formatierten und bereinigten) Code testen, damit den jetzigen ersetzen

    /* home neu  */
    .home-blog li {
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    }
    .home-blog a {
      display: block;
      padding: 5px 10px 5px;
      line-height: 1.3em;
      font-weight: bold;
      font-size: 17px;
    }
    .home-blog time {
      display: block;
      padding: 5px 10px 5px;
    }
    .home-blog time {
      display: block;
    }
    /* bei fullwidth post */
    .single-post.content-max-width ul.meta {
      margin: 0px auto !important;
    }
    /* grosses postlayout */
    .postlayoutgross .button {
      background-color: #56b0ff !important;
    }
    .postlayoutgross hr {
      border-top: 3px solid #56b0ff !important;
    }
    .postlayoutgross hr,
    .m20 {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
    .postlayoutgross h2 {
      margin-left: 20px !important;
      margin-right: 20px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-bottom: 0.5em !important;
      padding-bottom: 8px;
      border-bottom: 3px #56b0ff solid;
      margin-top: 40px;
    }
    div.max-breite {
      max-width: 700px;
      margin: 1.3em auto !important;
    }
    .postlayoutgross p {
      margin: 1em auto !important;
    }
    .aufzaehlung.postlayoutgross li {
      margin-left: 20px !important;
    }
    
    h1.test456 {
      margin-top: 0px !important;
      text-align: center;
      margin-bottom: 30px !important;
    }
    /* .postlayoutgross h1 {margin-top: 0px !important; text-align: center; margin-bottom: 30px !important;} */
    
    div.postlayoutgross {
      font-size: 17px;
    }
    .container-weiss {
      padding-top: 1px;
      padding-bottom: 5px;
      max-width: 660px;
      padding-left: 0px;
      margin: 30px 20px 40px 20px;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    }
    
    @media screen and (min-width: 769px) {
      h1.test456 {
        font-size: 38px;
        padding: 0px 50px 0px 50px !important;
      }
    
      /* @media screen and (min-width:769px) {.postlayoutgross h1 {font-size: 38px; padding: 0px 50px 0px 50px !important;} */
    
      div.postlayoutgross {
        font-size: 18px !important;
        line-height: 1.75 !important;
      }
    }
    /* faq grosses layout */
    .faq-aufklappen {
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      margin: 30px 20px 30px 20px;
    }
    .faq-aufklappen summary {
      cursor: pointer;
      display: list-item;
      padding: 10px;
      font-size: 18px;
      font-weight: 600;
    }
    .faq-aufklappen-text {
      padding: 0px 15px 15px 15px;
      background: #ffffff;
    }
    .faq-aufklappen .faq-aufklappen-titel h3 {
      display: inline;
      font-size: 18px;
      font-weight: 600;
    }
    .faq-aufklappen .faq-aufklappen-titel::marker {
      color: inherit !important;
    }
    .faq-aufklappen .faq-aufklappen-text br {
      margin-bottom: 5px !important;
    }
    /* interview grosses layout */
    .interview h3 {
      font-size: 20px;
      margin: 1em auto !important;
    }
    /* hover scale10 */
    .hover10:hover {
      transform: scale(1.1);
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    }
    /* weiterlesen naechster beitrag groesser */
    .blog-entry.grid-entry .blog-entry-readmore a {
      font-size: 16px !important;
    }
    .page-jump a {
      font-size: 15px !important;
    }
    /* pfeil comments titel entfernt */
    .comments-title .text::before {
      display: none !important;
    }
    /*remove icon from mobile menu */
    .sidr-class-dropdown-menu ul a:before {
      content: none !important;
    }
    /* current menu unterstrichen */
    .current-menu-item > a {
      background-color: transparent;
      color: #00354c !important;
      border-bottom: 3px solid;
    }
    /* untermenu anpassung text transform */
    .dropdown-menu ul li a.menu-link {
      text-transform: none !important;
    }
    /* tabellen */
    .tabelle-gehalt {
      border-collapse: separate !important;
      border-spacing: 2px !important;
      width: 85%;
    }
    .tabelle-gehalt td {
      padding: 2px 10px !important;
      border: none;
      border-radius: 5px;
      box-shadow: inset 0px 0px 4px -1px #56b0ff;
    }
    .tabelle-gehalt th {
      padding: 2px 10px !important;
      border: none;
      border-radius: 5px;
      box-shadow: inset 0px 0px 2px 2px #56b0ff;
    }
    .tabelle-gehalt td:nth-of-type(1) {
      width: 60%;
    }
    .tabelle-gehalt1 {
      border-collapse: separate !important;
      border-spacing: 2px !important;
      width: 100%;
    }
    .tabelle-gehalt1 td {
      vertical-align: middle !important;
      padding: 2px 10px !important;
      text-align: left !important;
      border: none;
      border-radius: 5px;
      box-shadow: inset 0px 0px 4px -1px #56b0ff;
    }
    .tabelle-gehalt1 th {
      padding: 2px 10px !important;
      text-align: left !important;
      border: none;
      border-radius: 5px;
      box-shadow: inset 0px 0px 2px 2px #56b0ff;
    }
    .liste-schulen {
      margin-bottom: 0px !important;
    }
    .liste-schulen td {
      padding: 20px 10px 20px 10px !important;
      text-align: middle !important;
      vertical-align: middle !important;
      border: none;
    }
    .liste-schulen td:nth-of-type(1) {
      width: 20%;
    }
    /* seitenleisten widgets style */
    .related-posts-sidebar-sytle li {
      font-size: 14px !important;
      padding: 6px 0;
      border-bottom: 1px solid #e9e9e9;
    }
    .related-posts-sidebar-sytle li:first-child {
      border-top: 1px solid #e9e9e9;
    }
    /* abstand unten */
    .abstand-unten-40 {
      margin-bottom: 40px !important;
    }
    .ul-16px {
      margin-right: -16px !important;
    }
    /* absatz ohne margin-bottom */
    .ohne-margin-bottom {
      margin-bottom: 1px !important;
    }
    /* listen */
    .vorteil ul,
    .nachteil ul,
    .aufzaehlung ul,
    .fragen ul {
      list-style: none;
      margin: 0 0 20px 1.9em;
    }
    .vorteil li:before {
      content: '+';
      color: #a0bf19;
      display: inline-block;
      width: 1.4em;
      margin-left: -1.4em;
      font-size: 1.4em;
      font-weight: 700;
    }
    .nachteil li:before {
      content: '-';
      color: #e16b5a;
      display: inline-block;
      width: 1.4em;
      margin-left: -1.4em;
      font-size: 1.4em;
      font-weight: 700;
    }
    .aufzaehlung li:before {
      content: '•';
      color: #1e73be;
      display: inline-block;
      width: 1.4em;
      margin-left: -1.4em;
      font-size: 1em;
      font-weight: 800;
    }
    .aufzaehlung li {
      margin-bottom: 1px;
    }
    .fragen li:before {
      content: '?';
      color: #e16b5a;
      display: inline-block;
      width: 1.4em;
      margin-left: -1.4em;
      font-size: 0.9em;
      font-weight: 600;
    }
    .fragen li {
      margin-bottom: 1px;
    }
    /* Suchseite Headerhintergrund */
    .page-header {
      background-color: rgba(86, 193, 255, 0.2) !important;
    }
    /* marker Farbe */
    ::marker {
      color: #1e73be !important;
    }
    .theme-heading .text::before {
      color: #1e73be !important;
    }
    /* seitenleisten widget kennzeichnung breite */
    .widget-title {
      border-width: 0 0 0 2px !important;
    }
    /* widget kennzeichnung komment */
    .comment-reply-title {
      border-left: 2px solid #1e73be !important;
      padding-left: 15px !important;
    }
    /* komment p absatz*/
    .comment-body p {
      margin: 0 0 10px !important;
    }
    /* blockqu farbe */
    blockquote {
      padding-left: 15px !important;
      border-left-width: 2px !important;
      margin: 20px 10px !important;
      border-color: #1e73be !important;
    }
    /* aufklappen #ddf3ff */
    .aufklappen {
      border-radius: 5px;
      background: #ddf3ff;
      padding: 10px 10px;
      box-shadow: inset 0px 0px 2px 1px #56b0ff;
    }
    .aufklappen summary {
      cursor: pointer;
      display: list-item;
    }
    .aufklappen-text {
      padding: 5px;
      border-radius: 5px;
      background: #ddf3ff;
    }
    /* aufzählung1 */
    .aufzaehlung1 li {
      margin-bottom: 0.8em !important;
      font-style: normal !important;
    }
    .aufzaehlung1 li:first-letter {
      font-size: 20px !important;
      font-weight: bold !important;
      color: #1e73be !important;
    }
    /* rahmen blau */
    .rahmen-blau {
      background-color: #ddf3ff;
      border-radius: 5px;
      border: none;
      padding: 15px;
      box-shadow: inset 0px 0px 2px 1px #56b0ff;
      margin-bottom: 20px;
    }
    /* rahmen beitrag widget background-color: #ddf3ff; */
    .wp-block-latest-posts.columns-2 li {
      border-radius: 5px;
      border: none;
      padding: 10px;
      box-shadow: inset 0px 0px 2px 1px #56b0ff;
      font-weight: 600;
    }
    /* bilder */
    .schattengross {
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    }
    .schattenklein {
      box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
    }
    .br15 {
      border-radius: 10px;
    }
    /* theme problem alle links unterstrichen */
    .single-post:not(.elementor-page) .entry-content a,
    .page:not(.elementor-page):not(.woocommerce-page) .entry a {
      text-decoration: none !important;
    }
    .single-post:not(.elementor-page) .entry-content a:hover,
    .page:not(.elementor-page):not(.woocommerce-page) .entry a:hover {
      text-decoration: none !important;
    }
    Thread-Starter ichmachweiter

    (@ichmachweiter)

    Hallo Angelika @la-geek,

    vielen Dank für den geänderten Code. Habe diesen eingefügt, leider ohne Erfolg…

    Viele Grüße
    Michael

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 26)