ichmachweiter

Thanks for your feedback. I cleared the cache and afterward everything worked well. Problem resolved. ??

@abhikr781, sorry for disturbing you… You don′t need to act, I already found the problem, it was my mistake!

Sorry and best regards
Michael

@abhikr781, hope I find you well.

I updated OceanExtra to the latest Version 2.0.6. – as a result, the root problem of this feed (with the CustomCSS) was solved. Thanks for this.

But, after the update, I have a further problem with the Custom CSS.

Now, the issue is that my complete CustomCSS will only work on desktops screens.
After switching to mobile screen, all the CustomCSS will not work anymore!

Hope you can help me and find some fast solution.

Thanks a lot and best regards
Michael

Attached you can find my CustomCSS (I didn′t change something after the OceanExtra Update)

/* 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: 15px;
}
/* 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;
}

@abhikr781, thanks for your feedback, I got it. ??

Hi @abhikr781,

did the Ocean-Extra update version 2.0.5 from today cover this issue?
I already use the update 2.0.5 but it did not fix the issue.

Thanks for your support and best regards,
Michael

Hello @abhikr781,

Thanks for your feedback. I′ll close this topic.

BR
Michael

Hello @abhikr781,

Thanks for your positive feedback.

Will this bug also fixed within the next regular Ocean Extra update?

BR
Michael

Hello @abhikr781,

thanks for your feedback.

I made the tests like you said.

1. The CSS change will work after I switch from “own file” to “WP head”. If i switch back to “own file” it will not work.
2. If I make the change direct in the custom-style.css file it also works.

If I still would like to use the option “own file” how can we handle the problem?

Thanks for your support

BR
Michael

@abhikr781 Hello and thanks for your replay,

Description of the problem:

I added the following code in the Customizer Custom CSS/JS: .br15 { border-radius: 10px; }
But this CSS Code will not appear in the custom-style.css file.

I disabled all caching plugins, tried different browsers in private mode, and so on…

Further, I tried to change some value in the Customizer of the Footer Bottom Area (padding from 12px 0px 12px 0px to now 13px 0px 12px 0px). This changing will also not appear in the custom-style.css file.

Hope someone have some ideas about this problem. Thanks for your support.

Website: https://ich-mach-weiter.de

OceanWP System Info:

### WordPress Environment ###

Home URL: https://ich-mach-weiter.de/
Site URL: https://ich-mach-weiter.de/
WP Version: 6.0.1
WP Multisite: False                    No
Front Page Display: page
Front Page: Infos
Tipps und Erfahrungen zur beruflichen Weiterbildung (#2407)

Posts Page: Ich-mach-weiter.de ist der Blog rund ums Fernstudium! (#63)
WP Memory Limit: 40 MB
WP Upload Limit: 128M
WP Debug Mode: False                    Disabled
The Main WP Directory: True                    Writable
The wp-content Directory: True                    Writable
The uploads Directory: True                    Writable
The plugins Directory: True                    Writable
The themes Directory: True                    Writable

### Theme ###

Name: OceanWP
Version: 3.3.4
Author URL: https://oceanwp.org/about-oceanwp/
Child Theme: False                    No

### Server Environment ###

Server Info: Apache
Localhost Environment: False                    No
PHP Version: 7.4.30
PHP Memory Limit: 1 GB
PHP Post Max Size: 128 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
PHP Display Errors: False                    Disabled
MySQL Version: 5.7.38
Max Upload Size: 128 MB
PHP XML: True
MBString: True
SimpleXML: True
Fsockopen/cURL: True
SoapClient: True
DOMDocument: True
GZip: True
Zip Archive: True
Iconv: True
HTTP Requests: True
Communication with oceanwp.org: True

### Active Plugins (12) ###

Classic Editor: by WordPress-Mitwirkende – 1.6.2
Yoast Duplicate Post: by Enrico Battocchi & Team Yoast – 4.5
Enable Media Replace: by ShortPixel – 3.6.3
Imagify: by WP Rocket – 2.0
Lazy Load for Comments: by Joel James – 1.0.10
Ocean Custom Sidebar: by OceanWP – 1.0.9
Ocean Extra: by OceanWP – 2.0.4
Ocean Stick Anything: by OceanWP – 2.0.4
Rank Math SEO PRO: by Rank Math – 3.0.19
Rank Math SEO: by Rank Math – 1.0.96

OMG, I got an update notice for OceanWP in WP direct after this post. I directly updatet to version 1.8.4 and the problem was solved! It is also mentioned in the Changelog – ‘Skip to content’ link displayed after disabling CSS file.
Thanks for the update.