Font issue in wordpress when i activate my own plugin - css

I have developed a plugin and I enqueue bootstrap.min.css in admin for UI of my plugin. When I activated this plugin it affected the WordPress font in admin panel as shown in screenshots. What can I do?

I would strip all unnecessary styles from bootstrap css.
For starters, find all instances of font-family and remove them from the css.

Related

Customizing WordPress sumome plugin css

I am not experienced in Wordpress and I wonder how to customize the css of the sumome plugin. I have a form for the newsletter, and would like to apply my own custom css, but not sure where should I do that, since overwriting the classes in my app.css didn't work?
If you are using a paid theme then there is option in admin "Custom CSS" and otherwise you will plase your customized css in style.css of your current active theme.

Disable Bootstrap in Wordpress Admin Panel

I installed woocommerce and the product data tabs are invisible because of a bootstrap style conflict.
I don't know why wordpress takes enqueued styles and applies them to the admin panel.
How do I prevent an enqueued style from being applied to wp-admin?
I can assure you WooCommerce does not use nor load Twitter Bootstrap in either front-end or back-end of WordPress. In fact, in order to wrap WooCommerce templates in Twitter Bootstrap classes, one would need to install a special plugin for it: WooCommerce TwitterBootstrap (which looks abandoned).
It must be some other plugin that's loading it. Are you sure it's Twitter Bootstrap that's causing the conflict? Please note there are a lot of WooCommerce extensions which are in fact separate plugins.
You can view a full list of installed plugins in WordPress dashboard. If you want to find the culprit, disable them one by one.
By default, WooCommerce plugin doesn't use Bootstrap and shouldn't load the styles or scripts in your WordPress dashboard.
You have a plugin or theme that make it to load the Bootstrap framework in your WordPress. Try to disable the active plugins one by one or check in their source code which styles or scripts they load. I will suggest to check the functions.php file of your theme too.

Bootstrap in a plugin conflicts with whole page Wordpress

So I am writing a plugin for WordPress. It uses Bootstrap via link rel tag. Once I am done, I make a shortcode of the plugin and insert into the page I want. Then the wordpress bootstrap conflicts with the plugins' bootstrap.
Question: is it possible to somehow make them not conflict and keep my plugin style seperate from wordpress theme style?
Thanks in advance.
Perhaps you can check if the current wordpress theme has bootstrap.css registered or enqueued and if it does don't add bootstrap rel link.
I've seen a solution to check for bootstrap in the theme here. Which can help get you started.

How to add custom CSS into a WP theme

Hello i just purchased the WP theme Alona from http://themeforest.net/item/alona-tidy-clean-portfolio/8926976. I installed the theme into wp properly, and it is working, but it seems that i cant make any changes to the style sheet even after altering the preferences to the style sheet on my host. I'm not sure why this is happening and any help would be greatly appreciated.
Most of the purchased theme having Theme options In that you can find space for custom css or advanced css.
Themeoptions->customcss
if its not available
you can edit in
apperence->editor->style.css (its not safe)
so you should create a
apperence-> child theme->activate it
Edit WordPress theme CSS
Appearance → Editor->style.css(child theme).
you can change the style of detailed reference click here

Change of css stylesheet using wordpress plugin

I am developing a plugin for thw wordpress.One of the requirement is to change the css stylesheet that is to change the theme using the plugin.
I want the feature in which user(admin) can chose the css theme from the existing themes directory and how can i deactivate the existing theme and activate the chosen theme.
How can that be done?
Thanks

Resources