Changes in custom.css don't apply - css

I'm using Wordpress (theme: future) with a plugin called "Private Blog". They give the possibility to use a custom css (by creating the file custom.css and put it in the theme root).
This is done and has worked so far, but suddenly the changes I do don't apply. When I check Chrome DevTools the file is still used with the old content even though I can see that the new content is saved when I open the file on the server.
How can this be and what can I do about it?

Related

Failed to load CSS file in elementore inside wordpress

Hello Stackowerflow comunity.
I am suffering from the issue which is "Failed To Load Resource" inside wordpress.
When I close the elementore, all the contents of my website goes break and when i reopen it the website looks great.
In this period what happen is, inside my wordpress directory wp-plugings/upload/elementore/css it contain all css files of elemetore all css files removed auotomaticaly and
when i reopen the elementore all file comes up
What to do ?
I'm assuming your site is breaking down when you deactivate the Elementor plugin. It is common for plugins to remove codes/files generated by them when they're deactivated.
If you need to deactivate the Elementor plugin, yet keep the styling:
What you can do is:
copy all the codes from the css files in wp-content/uploads/elementor/css and paste them in one of the css files in your child theme, or in the theme settings or customizer. (Make sure that all the css code has proper selectors instead of pseudo selectors).

serve_site changes CSS to its default values in blogdown

I'm creating a blogdown website using agency theme and everything works fine.
I changed some stuff in the CSS, located in public/css/agency.css and I can see all changes. However, when I restarted RStudio all changes I've made switch to their default values (colors and stuff). And the same happens if I run blogdown::serve_site()
I can't see what's going wrong with my approach and any help would be appreciated.
Do not touch the public directory. It is automatically generated from your website source files (see Section 1.2 of the blogdown book for some basics). If you want to change anything on your website, always change the source. In your case, you can either change the CSS file in the theme (personally I don't recommend this way), or provide your own static/css/agency.css to override your theme's CSS. For more about the overriding mechanism, see Section 2.7.

Custom CSS WordPress Theme via cPanel (not updating)

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/

qTranslate-X messes theme CSS in WordPress

I just added the qTranslate plugin to my WordPress site, but now, when I switch to another language in the menu, the CSS colors from the menu and buttons return to default. (Only in the new languages)
http://www.gasolina.me
Further inspection on the elements shows me that the browser is looking for the css (selection.php) inside the /es/ or /fr/ directories, but since its not there, the colors revert to the default, from another CSS file.
All the other CSS are fine (downloaded from the correct location), its only selection.php
I tried manually adding the file in a NEW /es/ directory but it messes the home page and displays an error when I add that directory.
The file marked as "initiator" (in my browser inspector) for the CSS file is not calling the /es/ directory in the href link for the php CSS file. So I don't know where to fix the mistake. Since all the other CSS files that are called from that same file are not being looked for inside the language directory.
Any thoughts?
Ok, so the solution was to add the php extension to the qTranslate ignore links settings inside the advanced settings. So that php files don't get translated (or their address location, rather)

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

Resources