Wordpress Admin - Plugin's back-end stylesheets not loading - css

I've a problem with a WP admin area and its plugins.
It seems that the plugins' stylesheets used on WP back-end don't load. While general WP admin area CSS is loading correctly. That wouldn't be a big issue but some styles affect important functionalities (specially Advanced Custom Fields).
Basically, there's a massive list on the back-end pages with this missing href attribute:
<link rel="stylesheet" href="">
All the plugins are up to date.
All the plugins's CSS files are where they're supposed to.
The website is using a quite old theme for the front-page.
I've been thinking of two different solutions:
Ideally, fixing these broken links.
Otherwise, manually add the most important stylesheets somehow to the back-end theme.
Thanks a lot in advance for your time guys!
Marc

This is very late, but I had this same issue. It turned out that an old theme (circa 2015) was using an old version of the "Soil" plugin. If you disable the "clean-up" module (or the plugin entirely), this should get your stylesheets working.

Related

How to remove unused css in wordpress?

My page speed insights shows me to remove unused css what should I do?
Is there any plugin for wordpress to do so?
I am using worpress
the longer answer:
unused CSS is a curse in environments such as WordPress (or Joomla or Drupal or …) as each theme/ plugin adds CSS which covers all of the use cases where the plugin (or theme) can be used in. this means that each individual CSS-file on your site has a lot of code in it that isn’t strictly needed on a random page of your site (or may even not be needed on your site at all).
there currently is no way to automate the removal of unneeded CSS, but you might be able to get some improvement using e.g. “plugin organizer” to only allow plugins to work on specific pages) and by creating a child theme that only has the CSS needed for your site (you’ll have to dequeue the parent theme CSS though).
ALso you can use css and js minify wordpress plugin that can also help you to run your site fast.e.g
Fast Velocity Minify
WP Super Minify

Estore wordpress theme not fully loading

I am using demo version of Estore WordPress theme for my eCommerce site. and it is working fine yesterday. but when i open it today the homepage product slider height increases insanely long and other widgets are also not loading properly.
Url to site.
http://www.oriflamebeautyproducts.com/
Please help me to solve this issue because i can't understant that is it a theme issue or plugin issue..
The problem is probably with your theme. Your theme is the Estore theme.
When I compared the HTML content of the element <div class="big-slider"></div> I saw that alot of classes & inline styling was missing from the elements inside.
I guess the theme folder that is currently on your webserver is incomplete. With sliders its very common that javascript will add inline styling and classes to add the layout dynamically. I suggest you sync it with the original version. When the current website provided is the live domain I suggest you make a back-up first.

Material Design Lite: Is Installation on Wordpress possible?

Random and probably dumb question-can Material-Design-Lite blog template be fully installed on Wordpress? Downloaded the full template from http://www.getmdl.io/templates/blog/index.html and wondering how to use the entire file....
Thanks!
Sure it is possible! I actually was playing around with MDL and integrated it into WordPress. If you are interested you can grab it off GitHub:
https://github.com/braginteractive/MDLWP
Yes, you can absolutely make a Wordpress template using MDL. Helping you do that though... is a bit of a big task. Try looking for help around the web on just building Wordpress templates, then when are you working with HTML, use MDL classes and necessary attributes for components.
Yes. You'll probably want to do so by creating a new theme. The MDL templates provides static HTML, CSS, and Javascript. Wordpress requires PHP to dynamically add your content. You could approach this from two directions: modifying an existing theme or blank starter-theme to work with the CSS and Javascript, or adding the necessary php to the MDL HTML files (and making them php files).
You could also potentially add the MDL css and javascript through a child theme or plugin to use only select portions of it if you're not looking for a MDL Theme. At a minimum you'll need to add classes to the elements you want to affect, and watch out for potential conflicts.
Not sure of your level of experience, but here are some starting points.
Wordpress Codex on Theme Development
A tutorial on creating a theme from static html
A tutorial on including your css and javascript files
Write now there are two themes available for free
MDLWP - Free Theme and premium plugins available -
http://mdlwp.com/
Realistic - Free theme
https://wordpress.org/themes/realistic/

Wordpress theme is taking no affect?

i want to make some changes into my wordpress css file. i downloaded the style.css and other css file via ftp and made all the changes into the codes i wanted to. I uploaded the files and replace it with the other files. I waited for some time to take it affect but nothing happened, i left it and open my site the other day but the things were still same, no changes. I was using the WP Minify cache plugin. I even deleted it and re upload the css files again but still no changes. I tried out so many things but no success.
I than changed the name of the theme main directory via ftp, it help me a bit and made me happy for awhile, all the changes appeared. I again needed some changes in css files but unfortunately again suffering the same process. Please help :(
P.S. No theme is taking the effects of modifications in the css files codes. i tried different themes, but same results. Even if i delete the style.css nothing happened, but when i delete the entire directory of that theme then blank white page appear on my website.
It doesn't sound like you activated the new theme from your administration panel.
http://codex.wordpress.org/Themes#Selecting_the_Active_Theme
When using any cache plugins you should delete its cache when you do any changes to the website. Have you already done that?
Are there any other css files being loaded after style.css that may alter what you are trying to change?
It's generally not a good idea to edit the themes style.css directly b/c when you upgrade that theme you will lose all of your customizations.
Doesn't your theme have some place for custom CSS? Some themes have it in Appearance >> Theme Options, or something of that nature. What theme is it? Do you have a framework, or child themes? More info needed ... but every theme has a spot for custom css; as was mentioned, it's not best practice to make your modifications in the actual main theme stylesheet, due to updates, etc. ... and anything in the custom css section overrides the default theme stylesheet.

Flexslider 1.8 in Wordpress - Adding thumb navigation / editing options

I'm working on a Wordpress theme that uses Flexslider 1.8
http://wp.themecss.com/Square/portfolio-item/graphicriver/
I wish to add the thumbnail-slider controlNav feature that I've seen on the flexslider and github sites.
I've found some code examples of whats needed to do this, however I'm not sure on how/where to implement these changes. Is it in jquery.flexslider.js? Is there any other files within the theme that also required changing e.g .css?
I'm fine hacking away at php, but this is the first time I've tried to edit .js in a theme
So, I could really do with some help with
What is the code required to implement this?
What files required editing to achieve this?

Resources