I'm a programmer, but in designing, I'm new and I created my first site by using HTML, CSS and Javascript and host on hostinger but after hosted, I realize that my site background color does not look good that's why I changes inside my .css file but the changes is not reflected on my site. Please tell me a solution, so that I can fix the problem.
It is possible that your browser cashed old css for your site. Try this:
Ctrl+F5 - refresh window with clearing cache
Use Incognito Window
Clear your browsing data
Related
I’m working on correcting a styling of an element on an WP-based eCommerce site.
The site has both SCSS and CSS files.
To make things quick, I edited the CSS via Appearance -> Customize -> Additional CSS.
However, when I was done and published my changes (and solved the issue), only those new to the website sees the difference.
Those who have visited the site prior to the deployment of the solution, still see the distorted number layout
I also suspected that the SCSS gets compiled every refresh but when I checked the File Manager (cPanel), only the CSS files get modified.
I’m feeling this might be a cache-related issue. I have already disabled a cache plugin (WP Rocket). However, the problem still persists.
What possible issue am I experiencing?
Edit: I did try to use Incognito and the change did reflect. However, the users of the site are non-techy people and don't know how to refresh.
The site is using GoDaddy as the host. Is it possible the issue is on that part?
Thank you
I have made some changes in style.css and uploaded it online. However it is not showing me required results. i.e it is still taking the old style.css codes.
I am able to view changes offline but when i give it full href link it is not showing me necessary results.
Help!!
It seems like there is a cached version that you are viewing. Try clearing the cache in your browser and reloading the page. If that doesn't work then most likely the web hosting you are using is caching the stylesheet.
Open website with another browser. If css is still old, I can tell you that you have definitively not update the css file.
Another thing to do is to clear cache of your browser. It is possible you are viewing cache. Which browser are you using? Check how to clear cache.
You're probably using a cached version of your CSS. If this happens in other browsers too, then problem is in somewhere else.
You can fix this by:
clearing the cache (see refreshyourcache.com) or
going to your CSS path by browser (e.g. mysite.com/css/file.css) and refreshing the page.
doing force refresh (usually Ctrl+F5 or F5)
For my website that I'm hosting on heroku I recently did a change in the color scheme, which involved a little picture that was tiled as a background. I removed said picture, as well as making some other small style adjustments, and my page (locally) looks like this:
The one on Heroku looks like this:
What I noticed throughout the page was that Heroku used some changes, like the removal of some divs that I didn't need anymore, but the style changes were not used. Also, unlike the other questions that are similar to mine, I'm not using Rails. This is a simple html site (using an index.php and composer.json so heroku actually serves it) The changes show up on github, and the activity tab on heroku for the app recognizes the commits. What's going on?
Using dev tools like the Chrome Web Inspector, check on the HTML and CSS being served on the production site and see if your changes are in the code. If your changes are not reflected, try clearing your browser's cache.
I done things a bit backward developing my new site, don't ask me why! But i built the site on the live server it will be hosted on first and the other day i created a sub-domain to hold a copy of the website so i can use it as a sandbox environment and test new plugins, to get PayPal working etc
I followed this tutorial
So it all worked fine! i have a copy of my site on a subdomain working. I had the infamous admin login redirect to itself issue but i sorted that, the reason it wasnt working was because i had my caches disabled in magento before i copied the site. So i had to enable them again in order to gain access ( If anyone knows why this is please share).
So my problem now is, i am updating the design of my website using the css and images in the skin folder. The problem is i update something in the css and load it onto my server and into the subdomain skins folder but nothing changes on the frontend UNTIL about 15 minutes later and me clearing all caches hundreds of times!! i really don't understand whats happening?
The links to my css/js and image folders are all correct in the head of the website. It's just like a time delay between me changing something in the css and the website updating itself.
Any information would be greatly appreciated.
Kind regards
Tom
Have you also disabled cached on Magento Admin? Perhaps you can try reloading the site on a non-cached based version of browsers (e.g. Incognito Mode in Google Chrome).
Your browser is also caching the external css files which is basically good for saving bandwidth of server and reducing page loading speed. But, for development purpose, you need to avoid css caching. On firefox or IE, you can use CTRL+F5 to reload a webpage without cached css.
If you do not want to use CTRL+F5, you can also add timestamp to your css file as URL parameter.
For example, style.css?<?php echo time();?>
You can also use Apache module to expire the caching.
.htaccess
ExpiresByType text/css "access plus 1 second"
http://httpd.apache.org/docs/2.2/mod/mod_expires.html
I'm working with Drupal 7.2, till now i have worked on somebody's localhost,now i decided to work on my own PC, so i make a copy of original code form other's PC and paste it to my localhost WAMP and also upload database into my localhost/phpmyadmin, but some how its not working at all.
CSS not been applying to the site, its displaying all the content without CSS. can anyone help me for this issue?
I tried out by clearing a cache from admin side as well as from browser.
Thanks.
Not just the cache but the aggregating too make sure you clear all the check boxes
Cache pages for anonymous users
Cache blocks
Even those under bandwidth optimization
Aggregate and compress CSS files.
Aggregate JavaScript files.
Works like a charm. Thanks guys
Presumably you're seeing the Drupal site itself (implying your db/web server/php settings are ok) but just unthemed? Have you tried clearing the Drupal caches? As you lifted the database from another host it's possible you might need to do this to force drupal to rebuild it's menu paths.
You should check the source code of the site on your localhost and check that the file paths to the css style sheets is correct. Using Google Chrome Developer Tool you can update the paths and see when they take affect or just keep updating your templates until you get it right. Also check that any options in the database are using your localhost and not the other domain
You may try following to debug:
Clear Drupal cache from admin/settings/performance.
Rebuild theme registry.
Add a new theme to your site and see if it is rendering the content properly.
I see the same problem, yet no solution suggested has resolved this... I notice in source code that it seems to truncate the css paths to be at site root i.e. < link type="text/css" rel="stylesheet" href="http://dev.drupalsite.com/installed_dir/ media="all" > ... hmm