Plugin keeps erasing CSS pseudo selectors – properties & values

  • Resolved mwarbinek

    (@mwarbinek)


    5 years, 5 months ago

    I added the following custom CSS to the page, 

    .valueNumber {
	position: relative;
	background: #d2d2d2;
	border: 4px solid #d2d2d2;
}
.valueNumber:after {
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	right: 100%;
	top: 50%;
	border: solid transparent;
	pointer-events: none;
	border-color: #d2d2d2;
	border-color: rgba(210, 210, 210, 0);
	border-right-color: #d2d2d2;
	border-width: 20px;
	margin-top: -20px;
}
.valueNumber:before {
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	right: 100%;
	top: 50%;
	border: solid transparent;
	pointer-events: none;
	border-color: #d2d2d2;
	border-color: rgba(210, 210, 210, 0);
	border-right-color: #d2d2d2;
	border-width: 26px;
	margin-top: -26px;
}

    Each time the plugin would erase the above CSS code and it shouldn’t be doing that. I had to abandon using pseudo selectors in the plugin and add them via the theme Custom CSS instead.

    Is there an intentional limitation coded into this plugin to keep us from adding certain custom CSS that we want?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @mwarbinek,

    I just tried adding the same snippet under Tools(top left corner right where the BB logo is) > Layout CSS/JS > CSS on our dev site and it works just fine, i.e., it was still intact after publishing and refreshing the page a few times.

    Do you mind sharing where you added the snippet? ??

    Ben

    • This reply was modified 5 years, 5 months ago by Ben Carlo.
    Thread Starter mwarbinek

    (@mwarbinek)

    In the page Custom CSS layout via the plugin, “CSS Layout & Javascript”.

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @mwarbinek,

    So you’re using the plugin CSS Layout & Javascript to add the CSS? Have you tried getting in touch with their support instead? We’re not really familiar with how their plugin works or coded. ??

    Ben

    Thread Starter mwarbinek

    (@mwarbinek)

    Confusing, when I did not correctly type the actual menu label, — Sorry.

    Its your custom CSS module, “Layout CSS & Javascript”. This is the in-page custom CSS, it is not the theme custom CSS in customizer.

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @mwarbinek,

    No worries at all! I just tried adding the snippet you shared again on our dev server and it saves just fine. Do you think you can do a screen recording of the issue happening, upload it somewhere like Dropbox and share the link here so we can check? ??

    Ben

    Thread Starter mwarbinek

    (@mwarbinek)

    This is inconsistent. The issue is there, now it isn’t. That is one thing I keep experiencing with the plugin, something won’t work no matter what I do or change and days later it clears itself and all works (except the margin issue that works as padding instead, that remains).

    So I suppose this issue took a holiday, no idea when it will be back (hopefully never).

    Thanks

    Plugin Contributor Ben Carlo

    (@hinampaksh)

    Hey @mwarbinek,

    That sounds like a caching issue. Let us know if it keeps on happening so we can dig deeper. ??

    Ben

    Thread Starter mwarbinek

    (@mwarbinek)

    That would be the server then, because I did clean the cache of the browser at the time and the issue did not go away. The WordPress site is a bare minimum setup, no caching plugins. Now that it resolved itself, caching at the server does refresh itself after a period of time.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Plugin keeps erasing CSS pseudo selectors – properties & values’ is closed to new replies.