ichmachweiter

Hallo Angelika @la-geek,

nach ausgiebiger Diskussion im OceanWP Forum hat sich herausgestellt, dass das Problem ein Bug in der Erweiterung OceanExtra ist und beim nächsten Update behoben wird.

Nochmals vielen Dank für eure Unterstützung.

LG
Michael

Hallo Angelika @la-geek ,

entschuldige bitte das Crossposting, dort geht leider nichts vorwärts…

Viele Grüße
Michael

@la-geek Ja, genau so wie du es geschrieben hast wurde es durchgeführt. Änderungen werden nach dem Veröffentlichen im Cutomizer übernommen und gespeichert, aber nicht in der customo-style-css Datei übernommen.

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

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

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