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

Gelöst ichmachweiter
(@ichmachweiter)

vor 2 Jahren

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)

Moderator

(@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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

@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)

vor 2 Jahren

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)

vor 2 Jahren

@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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

vor 2 Jahren

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)

1 2 →

Das Thema „Änderungen im Cutomizer werden nicht in der „custom-style.css“ übernommen“ ist für neue Antworten geschlossen.

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

Schlagwörter

Themen

Beliebteste Themen

Themen ohne Antworten

Nicht-Support-Themen

Gelöste Themen

Ungelöste Themen

Alle Themen