Custom CSS WordPress Theme via cPanel (not updating) - css

I am wondering why I am not unable to make changes; I already tried several things yet, I don't seem to be able to update the CSS, the following I did already:
There is no Editor, so I am unable to make changes via there.
I am an Administrator and have access to cPanel.
I made changes via ../wp-content/theme/my-theme/style.css and no changes were made.
I empty my cache via plugin and hard reload my Chrome, Firefox and Safari. And no changes were made.
Is there any other solutions? I already found the file which contains all the styles. I would try to add my own class, and see if I am to see if there is any effect.

First thing first, From cPanel you can navigate to your website from the fileManager, use it to make code changes and then save them. You need to clear the cache everytime you make changes (i usually do it from the browser (in chrome, open the dev console, then long press on the refresh button and select the bottom one)
If the changes are still not showing on your site, I think that maybe you are editing the wrong CSS? Is this your theme and are you 100% sure you are editing the right file and, for example, it's not overwritten by a child theme or something else?
If you are using any framework, maybe your property is overwritten by your framework (for example, by bootstrap). To check this, open the console or try to add !important in your CSS file.
Just as an example, when I develop a theme I leave the root style.css with only the theme definitions, and then I create different stylesheets in a different folder. This leads me to the next question: are you enqueue your file correctly? is it even loaded by WordPress?
to check this I usually inspect the code in and search for the id of the file I enqueued from my functions.php.
Unfortunately, without more details, this is the only things I could think of when developing and WordPress theme and make changes from cPanel. Hope some of this can actually help.

Please check following options
Permission of file at ../wp-content/theme/my-theme/style.css.
Grab the css and open in Dream-viewer or sublime is there any css syntax issue.
Also the path of style.css in header is show same by view source.
Or
Even you can use the plugins which allow to add custom css without toching the server check this plugin https://wordpress.org/plugins/simple-custom-css/

Related

Afterlogic Webmail Lite custom theme / skin

I would like to make a custom dark theme for a web client.
I tried everything but no matter what I changed I cannot get any changes to take effect. I found out this page in the documentation but I cannot get it to work:
https://afterlogic.com/docs/webmail-lite-8/developers-guide/creating-new-skin
Does anyone have some experience with this webmail client?
The recommended option for creating a new skin is to clone and rename one of the existing skins, and upon making changes to it, run gulp styles --themes YOUR_THEME_NAME command. Once this operation is performed, check static/styles/themes/YOUR_THEME_NAME and see if you get your changes reflected there. If the changes are in place, then it's probably browser cache causing it, try clearing it and see if that helps.
In fact, it's not required to deal with .less files, you can simply create a copy of an existing theme under static/styles/themes directory - but in either case, you need to make sure the new theme is listed in ThemeList section of data/settings/modules/CoreWebclient.config.json configuration file.

Shopify Stylesheet - CodeMirror? 99% unused

I've got this stylesheet loading on the index, but I can't seem to find the source anywhere. After researching CodeMirror, I'm guessing it has to do with the page customizer?
Is there any way to disable this stylesheet?
This stylesheet is not included in the code of theme.liquid
It's loaded via the {{content_for_header}} in the head section.
It is not coming from an app, as one would suggest,
Its coming from Shopify and is only loaded, when previewing a theme.
It is a little misleading when you are trying to get the page-load down and you are using the developer tools from chrome.
Inspect the theme again after it's live or block the requested URL in dev tools.
If the stylesheet is included in the layout/theme.liquid file, then you can comment out or remove it there.
If it is not included in that file, there is a good chance that it is coming from a Shopify app store app. If that is the case, you would have to check that app for settings, or not use that app.

Wordpress doesn't apply CSS changes

I was creating a custom template for a wordpress webbsite and for the first time after I add new classes in the style.css and I apply the changes, the website doesn't save them. I tried many times to delete the cache and change browser but nothing. When I open the style sheet from wordpress ACP I can see the changes but from google chrome with the webmaster tool I see nothing, like it shows the old css version. I am using WP Super Cache also.
Anyone knows the solution?
Adding a query killer at the end of the css file might also override any possible caching mechanisms.
Ie: example.com/style.css should be accessed via example.com/style.css?test

can't save style.css in chrome developer tools

I've made all these little CSS modifications to my blog with Google Chrome's built in Developers tools to improve a +WordPress blog.
I'm using the context-sensitive Save As command on the revised style.css document. However, none of my changes are reflected in the replaced styles.css document on the server.
A few added details:
I am using FileZilla to connect and manually delete the old file, then upload the revision (I've found that replacing doesn't always work, for whatever reason.
I'm doing this within the main theme folder for the blog. I am unaware of any other possible location where this could reside.
Thoughts? My original G+ query (with accompanying screenshot) can be found here.
Many thanks, in advance, for your help.
Instead of overwriting the styles you should append them at the end of the style sheet. I usually create a comment the end something like /* New Styles Here */ Better yet you should create a child theme and all the styles to the child themes style.css
http://codex.wordpress.org/Child_Themes

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.

Resources