Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
FraserWilkinson

CSS only working while editor is open

Question

Hi there,

I've got a weird one, this little bit of code to add a sitewide bg image works on all pages while the custom css editor is open, but after saving and closing the editor, and navigating elsewhere on the website, the bg image no longer shows on any pages.

All of the other custom css above it still works, and I've tried shifting it to different places in the overall code, but still the same result.

Am I doing something daft here?

 

#siteWrapper {
     background-image: url("/s/SoWE-Logo-BG-white-Alpha3.png?");
     background-repeat: no-repeat;
     background-position: center center !important;
     background-size: cover;
}

 

Cheers for your help - if it's not obvious in the code, I can supply the site.

- Fraser

 

 

Edited by FraserWilkinson

Share this post


Link to post

14 answers to this question

Recommended Posts

  • 0

@FraserWilkinson You can open page after saving. Press F12 on your keyboard. Then click tab Console. You will see Error Message

I guess image url has problem.

Difficult to help without site url. Can you share link to your site?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@tuanphan thanks for your reply, and you're absolutely right:

 Failed to load resource: the server responded with a status of 404 ()    SoWELogoBGWhiteAlpha3.png:1 

Digging deeper it says that https://static1.squarespace.com/s/SoWELogoBGWhiteAlpha3.png?  is 0B and throwing 404

This is my first Squarespsce site - soweglobal.com - and to create the image URL to use in the background I made a new not linked page as a link > link settings > file > upload file > select file > save

Then I used the resulting URL in the CSS 

Is there a better way to create an image URL?

Cheers for your help!

Fraser

 

 

Share this post


Link to post
  • 0

@FraserWilkinson Go to Home > Design > Custom CSS > Scroll down > Click Manage Custom File > Upload your image > Wait 1 minutes > Put the cursor at 

background-image: url("put cursor here"); > Click image you uploaded > Squarespace will automatically paste image url.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hi @tuanphan, I hope it's okay that I piggyback on this post. I'm having the same issue — Custom CSS modifications are only displaying when I have the editor open. As soon as I close it, it reverts to the original styling... Actually, now that I'm testing it to be sure, it seems that it sticks to the new styling but only if I've opened the editor first, almost as if to remind it of the changes I made. GRR!

I tried the F12 trick, but I must be missing something. It's the Volume Up button on my keyboard and that's the only thing it wants to do for me. 

I would so greatly appreciate your help! Site URL is https://echidna-hyperboloid-8gws.squarespace.com/

Share this post


Link to post
  • 0
Just now, mbockmaster said:

Hi @tuanphan, I hope it's okay that I piggyback on this post. I'm having the same issue — Custom CSS modifications are only displaying when I have the editor open. As soon as I close it, it reverts to the original styling... Actually, now that I'm testing it to be sure, it seems that it sticks to the new styling but only if I've opened the editor first, almost as if to remind it of the changes I made. GRR!

I tried the F12 trick, but I must be missing something. It's the Volume Up button on my keyboard and that's the only thing it wants to do for me. 

I would so greatly appreciate your help! Site URL is https://echidna-hyperboloid-8gws.squarespace.com/

Can you post css here? also your site is private. You can setup password & share url


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Just now, mbockmaster said:

@tuanphan Could I instead add you as a contributor? My client isn't quite ready to upgrade in order to publish.

You can setup password & share url.

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@tuanphan Oops! There we go, that should work. Apologies, my first Squarespace site! Password is illumewellnessspa.

My CSS is below:

 

//* SHOP FILTER STYLING *//
.custom-filter-container.custom-filter-view-dropdowns .sqs-block-archive .archive-block-wrapper {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d4d4d4;
}
.icn-down-open {
     display: none !important; 
}
.filterValues {
  display: none;
}
.archive-dropdown-toggle-label {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.custom-filter-container .filterDropdown.sqs-block-archive .archive-group-name-link.active, .custom-filter-container .sortDropdown.sqs-block-archive .archive-group-name-link.active {
  color: #73A94E;
  font-weight: 300;
}
.sqs-search-ui-button-wrapper.color-dark .search-input {
  border: 1px solid #d4d4d4 !important;
}
.custom-filter-container .mobile-filter-trigger {
  border: 1px solid #d4d4d4;
  padding: 10px 25px;
  border-radius: 0;
  font-weight: 300;
  letter-spacing: 0.1em;
}
  @media only screen and (max-width: 500px)
  {
    .custom-filter-container.use-mobile-panel.custom-filter-uid-0 .customFiltersWrapper {
      border: 1px solid #d4d4d4 !important;
    } 
  }

Share this post


Link to post
  • 0
Just now, mbockmaster said:

@tuanphan Oops! There we go, that should work. Apologies, my first Squarespace site! Password is illumewellnessspa.

My CSS is below:

 

//* SHOP FILTER STYLING *//
.custom-filter-container.custom-filter-view-dropdowns .sqs-block-archive .archive-block-wrapper {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d4d4d4;
}
.icn-down-open {
     display: none !important; 
}
.filterValues {
  display: none;
}
.archive-dropdown-toggle-label {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.custom-filter-container .filterDropdown.sqs-block-archive .archive-group-name-link.active, .custom-filter-container .sortDropdown.sqs-block-archive .archive-group-name-link.active {
  color: #73A94E;
  font-weight: 300;
}
.sqs-search-ui-button-wrapper.color-dark .search-input {
  border: 1px solid #d4d4d4 !important;
}
.custom-filter-container .mobile-filter-trigger {
  border: 1px solid #d4d4d4;
  padding: 10px 25px;
  border-radius: 0;
  font-weight: 300;
  letter-spacing: 0.1em;
}
  @media only screen and (max-width: 500px)
  {
    .custom-filter-container.use-mobile-panel.custom-filter-uid-0 .customFiltersWrapper {
      border: 1px solid #d4d4d4 !important;
    } 
  }

What do you use this CSS for? Can you describe in detail?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
Posted (edited)

@tuanphan Absolutely. So I purchased a plugin from Squarespacewebsites called Universal Filter, so that I could add additional filters to my products page. I used CSS to style the drop down filters differently than the original — I changed the background colour, added borders, and changed the text styles in the filter drop downs.

Edited by mbockmaster

Share this post


Link to post
  • 0
1 minute ago, mbockmaster said:

@tuanphan Absolutely. So I purchased a plugin from Squarespacewebsites called Ultimate Filter, so that I could add additional filters to my products page. I used CSS to style the drop down filters differently than the original — I changed the background colour, added borders, and changed the text styles in the filter drop downs.

I don't see filter. Where is it?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
18 hours ago, mbockmaster said:

@tuanphan

New Shop > Skin Care

Sorry about that.

I don't see....Can you share link to exact page?

image.thumb.png.ebaa011d76f8136cecca5734e99131d2.png


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...