Custom Page CSS doesn’t stick (Re-Opening Ticket)

Support
#1

"Whenever I try to add custom CSS to a new page and hit save I receive the confirmation message and the page refreshes but my CSS doesn’t stick.

We’ve already disabled all non-essential plugins."

The original solution was to add the CSS via the Wordpress backend so that it would be universally applied. I’d like to be able to make page level edits to CSS. Also the cross-origin and mix-content issues have been fixed.

Original case: https://theme.co/apex/forum/t/custom-page-css-doesnt-stick/947

#2

Hi There,

The site still has the cross-origin and mix-content issue regarding this image, the page is still trying to request it from http://killer-sites.com/smartcat.

And please do a testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes,
Cheers!

#3

All custom code on that page is now gone. I’ve tried on https://www.smartcatrfid.com/products/rfid-wall-tag/ and I still can’t remove the on-page CSS. Cache has been flushed, no mixed content or cross-origin issues and as I’ve stated before all non-essential plugins were disabled.

#4

Hi There,

It seems that you do have a page permalink issue. This page: https://www.smartcatrfid.com/products/rfid-wall-tag/ is supposed to be a product page but then when I check, the source code seems to be using a page template. This happens if you do have the same page with the same URL slug. Note that slug should be unique. Make sure that on Admin > Pages and Admin > Products, all slug are unique.

#5

We are currently using shortcodes to add the WooCommerce product information onto pages. The corresponding WooCommerce product page has a different URL than the actual product page for this particular example.

#6

Hello There,

Thanks for updating in! It the issue already resolved? I can see that on this page: https://www.smartcatrfid.com/products/rfid-wall-tag/, you added this custom css

#product-3861 .quantity:after {
  content:"Kits (1 tag with letters and numbers)";
  margin-left:5px;
}

#product-3861 .price:after {
  content:"Price Per Kit";
}

.flex-control-nav{
  position:initial;
  padding:none;
  line-height:1;
  text-align:center;
  background-color:#fff;
  border-radius:4px;
  margin-top:-100px;
}

And that it is already working:

Do you still have any issues with it? Please clarify.

Thanks.

#7

No the issue is not resolved, that CSS was added before this issue started happening.

#8

Hi @graphics,

Have you tried disabling ALL plugins except Cornerstone and WooCommerce? Even if you consider them essential, a conflict could still be present there. Also, I can’t log in to your site because “/wp-admin” isn’t accessible. With highly customized sites like this, the support we can offer is limited. This feature works flawlessly on thousands of sites, so the problem is specific to your server environment and combination of plugins and settings.

#9

Resolved. Thank you.

The issue was with Algolia’s search plugin which we are using for support.

#10

Thanks for letting us know!