Jump to content

CSS not working unless I open custom CSS editor

Go to solution Solved by Susana_SQSP,
Message added by Susana_SQSP,

Seems to be related to this recent outage that has been fixed. 

Recommended Posts

Site URL: https://www.earthandherflower.com/new-page-1

I'm having trouble identifying what's wrong with my code - as soon as I leave the custom CSS editor, it reverts back to how it was before the code was implemented. Can someone please help identify what's wrong with the code?

 

Here's the code:

//spinning text css
@media only screen and (max-width: 640px) {
#collection-608f1e4137e7102ac6e99726{
#page .page-section:nth-of-type(1) {
.sqs-video-background {
display: none;
}

.section-background {
background: url("https://static1.squarespace.com/static/5f1f3d37894ee95de5113464/t/608f4f28df42846165f0c995/1620004649252/Untitled+design+%2821%29.png");
background-repeat: no-repeat;
background-size: auto 100%;
}
}
}
}

//css turn image
@keyframes turn {
  from { transform: rotate(0deg) }

  to { transform: rotate(360deg) }
}

//size of spinning thing -desktop
#block-yui_3_17_2_1_1620006772828_5634{
    animation: turn 10s linear infinite;
  max-width:170px!important;
    }

//move 'about' text desktop
#block-yui_3_17_2_1_1620007817448_4955 {
    margin-left: 0px;
    margin-top: -100px!important;
}

//move 'about' text mobile
@media screen and (max-width: 640px) {#block-yui_3_17_2_1_1620007817448_4955 {
    margin-left: 0px;
  margin-top: -25px!important;}

}

//move spinning circle -desktop
#block-yui_3_17_2_1_1620006772828_5634 {
    margin-left: 650px!important;
    margin-top: 0px;
}

//move and size spinning thing - mobile
@media screen and (max-width: 640px) {#block-yui_3_17_2_1_1620006772828_5634 {
    margin-left: 65px!important;
  margin-top: 0px;
  max-width:180px!important}

}

 

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

HI! Thank you so much for replying!! The code is supposed to style the page from this: 839842720_ScreenShot2021-05-06at2_20_24PM.thumb.png.c0587e322ff5194cdc1bcb946722b0e2.pngto this:

1517108267_ScreenShot2021-05-06at2_19_50PM.thumb.png.090a60b99b780236a396c1229f770e1c.png

When I click on "Custom CSS" everything goes where it's supposed to, but when I refresh the page it doesn't stay. Is there something I'm missing from the code? I added !important to parts of the code to see if it'd help but it didn't affect the issue at all.

Link to comment
  • Solution

Hi @strawberry12345

There was a recent issue with the CSS Editor that was identified and promptly fixed by our engineers. Because of that, newly added code in the CSS Editor wasn't being applied to live sites; it was appearing to save and it was indeed affecting the site preview, but it wasn't sticking in the live view. I believe your site might have been affected by this.

If you're still experiencing the issue, I'd recommend temporarily making a style change as this should prompt all CSS/tweaks to update immediately. If the issue persists, please contact Squarespace Customer Support as they can take an alternative step to force the CSS tweaks update, should what you're experiencing be related to the issue that has been fixed. 

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.