Jump to content

CSS changes not appearing

Recommended Posts

I'm working on a few different sites right now, all of which I've applied custom CSS to. The changes will successfully appear right after entering the code. Then, I save and exit, and a few minutes later, all or some of the changes I made are gone.

The codes themselves are still there in the Custom CSS editor, and I know it's all entered correctly, because it worked to begin with. I have also tried doing a hard refresh and opening my site in an Incognito window, and neither worked. 

Someone else looked at one of the sites for me and was able to see the CSS successfully applied, while it still wasn't showing up on my computer.  Let me know whether or not the CSS appears for you on this website: https://olive-terrier-kres.squarespace.com/ Password: miafreda

Attached is a screenshot of what the podcast "Preview" box SHOULD look like, vs. what it looks like on my end. The CSS is only showing up for me on the first block, even though I targeted every block in the code. (You can double check for yourself) 

This isn't the only issue I'm having on this site. The footer text, summary excerpt, and "ORDER WORKPARTY" text in the footer all have CSS applied that are not showing up for me.

Could it be an issue with my computer or browser? If so, how do you suggest I fix this issue?

Thanks for any help!

image.png

Screen Shot 2020-03-06 at 4.31.20 PM.png

Link to comment

Hi @MiaFreda, I'm seeing the Podcast Preview without the background on Chrome on a Mac. I'd suggest running your Custom CSS through http://csslint.net/ to check for errors, just in case.

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment
  • 6 months later...
19 hours ago, Lorenzo said:

Hi there! I have exaclty the same problem. Did you manage to find a solution? it's very annoying and I cannot understand why. Thank you so much

Can you share your site url? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 10/3/2020 at 10:23 AM, tuanphan said:

Can you share your site url? We can check easier.

Hi @tuanphan I'm also having this problem. 

I'm trying to make the site header semi white transparent, as well the open page folder on hover. The css I have put in works when previewing the site in SS but then reverts back to the original once I've saved and viewing in private browser. 

The code I have used is 

#header {
 position: fixed scroll;
 padding: 0;
 height: 95px;
 background-color: #ffffff30 !important;
}
body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .black-bold .header-nav-folder-content {
    background-color: #ffffff30 !important;
}

I've also attached screenshots to show what I mean better. My site url is https://crane-earthworm-yd8a.squarespace.com and password is 'jessie'

Any help much appreciated!!

 

658925840_Screenshot2020-10-12at16_48_44.thumb.png.670ec3f63a80f983064a689934de08ba.png76700811_Screenshot2020-10-12at16_47_49.thumb.png.b7863a3db2c91c55cbd4f4edbfe2e367.png

Link to comment
2 minutes ago, jmiles said:

Hi @tuanphan I'm also having this problem. 

I'm trying to make the site header semi white transparent, as well the open page folder on hover. The css I have put in works when previewing the site in SS but then reverts back to the original once I've saved and viewing in private browser. 

The code I have used is 


#header {
 position: fixed scroll;
 padding: 0;
 height: 95px;
 background-color: #ffffff30 !important;
}
body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .black-bold .header-nav-folder-content {
    background-color: #ffffff30 !important;
}

I've also attached screenshots to show what I mean better. My site url is https://crane-earthworm-yd8a.squarespace.com and password is 'jessie'

Any help much appreciated!!

 

658925840_Screenshot2020-10-12at16_48_44.thumb.png.670ec3f63a80f983064a689934de08ba.png76700811_Screenshot2020-10-12at16_47_49.thumb.png.b7863a3db2c91c55cbd4f4edbfe2e367.png

Apologies I've now resolved this! I changed the colours to rgba codes and seems to work on both now 👍🏼

Link to comment
  • 2 weeks later...

@tuanphan

@christyprice

I seem to be having the same issue here on my french version of my website. When I hit refresh the changes appear. In this case it is with my quantity which I have changed to "caisse(s)" on the french site and "case(s)" on my English site. Sometimes they appear and others no.

I also have this issue with my categories which I have rearranged into a different order. I have to hit refresh to see the changes.

https://www.terroir-imports.com/produits

Thanks!

 

🙂

Edited by codefordummies
Link to comment

@codefordummies it looks like your site is in developer mode, so there may be other forces at work, but I'd suggest making sure AJAX loading is turned OFF. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.