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.
Related
Morning everyone, i'm having a super weird issue with my recent wordpress migration. I moved the (working) site to another webspace and i'm slowly running out of ideas (jk, already ran out).
Issue: After the migration, the plugin Visual Composer is outputting nonsense image links to the frontend that look like this: https://i.imgur.com/7RocCmE.png instead of the uploaded images url. Result: No images are showing on the frontend.
This issue only happens when i use the single image block provided by VC itself. Inputting an image the wordpress way, inside of a text block, works.
What could be the reason for this? i'm super thankful for any advice since i'm not a programmer.
I have already tried:
Enabling wp debug, not getting any errors
Installing different versions of Visual Composer, multiple times
Reinstalling Wordpress, multiple times
disabling all plugins
completely reinstalling and reuploading everything from scratch
different php versions
As I saw in your screenshot with the src attribute of your image and it has data-src attribute also, I think that it's because the new site (or maybe the new hosting) is using lazy load which will update all images source of the site to the lazy load image for better performance.
Lazy load images mean that the image won't load at the beginning, when you start to scroll down to each section, the images of this section will be loaded. In this way, the site will be optimized and won't load many resources at the beginning.
I think you can:
Check if there is any cache plugin installed, try to deactivate this plugin.
Check with the hosting provider if there is any cache setting installed, try to deactivate this setting also.
See if the image is working in the backend or not, if it's still loaded in the backend, I'm pretty sure that it's the cache issue. If it doesn't load in the backend, I think there is something wrong with your theme source code.
Compare the hosting environment, especially the PHP version of the old and new site to see if there is any differences.
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'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
I have a React application with an integrated iframe which loads an example Kibana dashboard. But now,I have to change the styling of this Kibana Dashboard, namely the background color of tables, button colors and font styles.
First, I tried to use a plugin, but this does only work for previous Kibana versions. Since I have to stay with v7, this is no option.
Next, I tried to modify the CSS-stylesheets in Kibana itself, for example: /usr/share/kibana/optimize/bundles/light-theme.style.css
But when I reload the application in Chrome,go "Inspect" and look at light-theme.style.css there, nothing changed in that file! What am I doing wrong? I changed this exact file in my local Kibana folder (/usr/share/kibana/optimize/bundles/light-theme.style.css) and it is saved. Why is it not applied when restarting Kibana, although my changes are saved in this file? I also deleted the Cache, with no success.
I followed the instructions over here, with no success (CSS stylings are not applied).
Does anyone have an idea and can help me?
You will need to gzip and brotli the css file and put it back to its original location, I do it all the time in docker ELK
I'm working on a wordpress theme previously coded by another developer. I had some trouble migrating it to another server because of a cache plugin called memcache and now I'm not able to remove a body background from this css file. The developer made two instances where he called a body background image in style.css and master.css. I changed the background even deleted the old one and its still not changing. I Cleared my cache several times even tried it on another machine. I checked it on developer tools and it shows up on 2 different style sheets both of them I changed only 1 is crossed out. If i uncheck that style in developer tools it removes it but I can't figure out why it's not changing. Could a cacheing system the previous developer installed be the issue here?
Try disabling the cache or clearing it from the server. It is the style.css is cached with the server and pulling from there, with higher expirations dates and serving it away from querying the database on every visit. This is a common problem with any caching plugin for Wordpress.