Wordpress child theme files behavior - css

In a child theme, I have an app.css file containing code modifications. Meanwhile, a theme update was released including a new app.css. In these conditions, if I update the main theme, in browser will be still visible my app.cssignoring the update?
In other words, interesting to know if the overriding proccess is applied to files or in depth between the code lines of the same files? Thanks

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).

I edit the style sheet of my css in wordpress but the changes do not apply on the blog

I'm breaking my head, to change the size of my wordpress blog logo, because they say it is for the css style sheet, but any changes I make to the style sheet do not apply to my blog, even if I delete all style sheet my blog does not change, can anyone help me?
There are several things to consider:
If the changes you want to make are minor, just use theme editors css and js injection mechanics.
Second most common thing is syntax, to counter that just edit your current active themes style file and enter something like body background-color:{ red !important} to check if the changes are being made. Then check with your browsers developer tools to check if the changes are being made in the style file.
If you are using some caching plugin, turn it off until you are done working on the site changes.
Check if you are editing the right theme. You should check what theme is active in your themes section of the wordpress.
In the case where you are using a child theme and you are editing child themes style.css file, you should first enqueue the file. More info on that here
If you are hosting your website not on the shared hosting, but on private server, you should check your file permissions.
Hope this helps.

Wordpress theme devepment - problem with enqueuing styles

this is my first attempt at creating a Wordpress theme so I probably did smething wrong. Anyway something strange happened, some of the styles disappeared (bootstrap) but instead there are some scss files - the url points at the main theme folder, but there are no such files in it. What I want to know is where these styles come from because I actually want to keep tose styles as a base for my theme a screenshot from the console

Wordpress Child not overridding parent

I'm using the twentytwelve template.
1. Went to my file manager (wp-content > themes) and created a new folder called twentytwelve-child
2. created a new file called style.css (put in the header and import css)
#import url("../twentytwelve/style.css");
3. activated it - went to Themes, activated the child, gave it a name "test".
I made changes in the File Manager:
body{background-color:#FFCC00; font-size:100px;}
.site-title{font-size:300px;}
Nothing happened.
Went back to wp-admin section, opened up child theme test and made test changes. That worked!!! But the changes in the File Manager were not read. That was bothersome.
Now I need to change the header. I created a file header.php in the child directory but it's not read either. If I go to the parent and make a change ("hey folks") it works.
I've spent over an hour trying to find out what is missing.
TIA
So the answer is somewhat unclear.
I removed my child theme. Created a new one. That still didn't work.
Troubleshooting tips - don't forget the obvious -- go to view source on your wordpress site and see if wordpress is calling your template. In my case it wasn't it was stuck on one my test themes. I deleted all my tests themes and did it again.
Now it works. What went wrong? Don't know? But now it does.
In your child theme the #import url was wrong or the theme parent name wasn't the exact same... its case sensitive. It can be tricky to get it just. Also the child theme may not be in the file structure that you assumed it was in.

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