breaking site when deactivating

https://www.theothersideofthefence.org

Hi Nathan. Unless you tell it otherwise the oik base plugin delivers some CSS that its shortcodes use to style the output. You were inadvertently using the styling from oik.css.

In order to be able to deactivate oik you’ll need to identify the bits of CSS that your site uses.

It may be that you only need to include this one line of CSS

img { max-width: 100%; width: auto/9; /* Prevent stretching of full-size images in IE8 */ }

That one line is enough to fix the banner image problem.

Regarding the performance. If you were using the P2 profiler then I believe that, due to the way the profiler works, oik would have shown up a lot. But it doesn’t do half as much as WooCommerce!

Thanks for the reply. I am actually a little frustrated I cannot delete this plugin without basically redoing my whole website. I have spent many weeks creating this beautiful theme. I do not know what you mean by inadvertently using oik.css. I only ever changed the css in my filemanager, I did not use any plugins to change .css at all. Although the above code may work for my images (I have not tried), it still does not answer why even my google fonts and ALL the formatting – box shadows, font color, and many more codes that I entered DIRECTLY into my stylesheet are gone when deleting this plugin…. This is definately annoying. I do not want this plugin, I do not care if Woocommerce takes up more space, as I am using it. I am not using oik, so ANY space it is taking is too much.

What is going on….

Hi Nathan, re What is going on….

When I took a copy of your home page and removed the link to oik.css
the only thing I noticed was the image stretching problem
there was no problem with Google fonts or anything else.

what was the name of the CSS file that you changed in your file manager?
Has it really disappeared, or is it not being included in the pages?
Please can you try to edit your theme’s stylesheet

https://www.theothersideofthefence.org/wp-content/themes/TwentyTenFive/style.css

and insert

img { max-width: 100%; width: auto/9; /* Prevent stretching of full-size images in IE8 */ }

then deactivate the oik plugin and send me a screen capture of the results.

I have tried several variations of this code and have spent about two hours. You are right about the fonts, I am not sure what happened, but that is a good thing.

The header image on my pages overflows on chrome, despite any codes I have tried. Looks great on firefox.

My woocommerce shop pages and product pages – which are formatted using the posts not pages css also looks great?

So, if I can just figure out this probably simple problem, I will be ok.

How to get overflow to stay in parameter on chrome.
I appreciate all your help. Although I am trying to deactivate this plugin, I think it is great, and I am sure it is very helpful to other folks.

Jeez, That was easy. Thanks. I appreciate you pointing out to try disabling this plugin again. Glad it works now.
My a few sizes needed to be adjusted is all.