Finding the right stylesheet to edit in Joomla template - css

I have been trying to edit a particular style in my theme. My browser inspect shows that that the stylesheet file is local/css/template.css, i navigated to the Joomla template customize panel to edit the style sheet but the changes i made is not reflecting. please help

View template.css in your web browser to check if you can see the change. You may need to clear the Joomla cache and any other caching (e.g. via your hosting control panel or your CDN control panel etc) before you see the latest version of the CSS file.
Alternatively, this may be a specificity issue.

Related

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.

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

I need to change/remove some CSS call links from wordpress site

I need to change/remove some CSS call links. I can see them in View Page Source. How do I actually get to them to make the changes? In other words, where are they?
Might be This is because of cache plugin in WordPress site. Try to disable CSS minify setting from the plugin.
You can not change those links or remove it but after disabling minify setting you can modify your CSS. You can then find your correct CSS path in view source.
They are either in your theme or in plugins. Most cases it is in themes. open your theme search for the name...there will be a function enque_script with having those file names as parameter. comment the function which is including your unwanted file.

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/

Resources