Forcing full width?

Hi,

You can disable the plugin styling, and/or change your theme’s stylesheet. This is mostly a compatibility issue with the theme.

Hi Vincent,

I am having a similar issue. What is the best way to disable plugin styling? I’m not sure what outcome this will have on my site but I don’t know what else to try.

From what I’ve read you can do so using enqueue to find the handle for they stylesheet but CA doesn’t seem to use enqueue.

Thanks for your help, it’s much appreciated.

Hmmmm. Been in contact with the theme builders and they have no idea why it’s doing it!

It affects some of the WordPress CMS appearance as well.

May have to try a different plugin!

What is the best way to disable plugin styling?

From the plugin settings: Customer Area > Site > Customer Area Theme

You can pick a different subtheme (default-v4 is the one by default). Or you can even disable the CSS completly by unchecking the “include CSS styles” checkbox.

Which theme are you using? Is it a premium theme?

Yep it’s Charity Hub by Goodlayers.

https://themeforest.net/item/charity-hub-charity-nonprofit-fundraising-wp/7481543

I tried changing the subtheme, but it didn’t work.

I don’t really want to create a whole new CSS class just for this plugin.

Thanks for your help!

Just jumping in real quick on this, Vincent, question. What in your plugin could be causing this “full width” thing? It seems as though your plugin is a great, simple, quick solution for a customer area but this not only affects having a sidebar but also affects other areas of our site. I have a staging/test server where I test everything out first and would like to use your plugin at first glance. However the fact that the v4 styling, which looks nicest :D, is the cause of the problem. The basic styling, does not cause the sidebar to push down the page but the menu is just a list. If you can direct me on how I could edit some of the styling I’d be happy to look at fixes on our end as well. I did not see styling for the themes in the PHP file on first glance, perhaps I just wasn’t looking close enough. :/

Hi,

My guess would be probably some styles that are brought in by Bootstrap.

The default-v4 skin is written with LESS and includes Bootstrap. You will find everythin in customer-area/themes/frontend/default-v4

The default skin is a legacy skin that had been used in Customer Area 1.x to 3.x. I have left it for backwards compatibility but it is no longer maintained. That one is pure CSS.

If you want, you can also develop your very own skin, we have some instructions about that: https://customer-area.marvinlabs.com/2013/06/03/can-create-skin/

Or you could also simply update your theme to make it support Customer Area if you are a theme developer: https://github.com/marvinlabs/customer-area-sample-theme

Hey Vincent,

Thanks for the quick response. In the meantime I took the time of looking at the plugin themes CSS code a little closer. It is the CSS code that specifically mentions the class of “container” that is commonly found in other themes that causes the conflict. I did not dive super deep into this to see what styling was conflicting with what, but I noticed that once I changed the plugin’s class to “ca-container” the content section’s width shortened and began displaying correctly.

So for those of you looking for a quick fix, try changing the CSS within the plugin files. You will not see this in the plugin editor of WordPress, you will have to look at the directory level on your web host. For Vincent, I’d recommend changing this CCS class name to limit conflicts and hopefully for you, a wider adoption of your plugin though you most likely do not need any help in that area, it is a great plugin. ??

~Placidsolace