Jump to content

Color Adjustments only loading in editor

Go to solution Solved by jmaasberg,

Recommended Posts

Hello,

I am having an issue where my custom css recoloring some things like this accordion and the newsletter button on the homepage are loading and visible while in the editor, but not live. I am not sure why, hoping for some help!

Site: tracyforauburn.com
PW: vibe2023

//ACCORDION
.sqs-block-accordion .accordion-item__title-wrapper {
    background-color: #e9bd49ff!important;
}

 

//HOME NEWSLETTER
section[data-section-id="64820ab29499916ee71fa2d4"] {
.newsletter-block {padding-top: 0; padding-bottom: 0}
.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  background-color: #ebede8ff!important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 15px !important;
    padding-bottom: 16px !important;
  background-color: #b24a5dff!important;
  color: #ebede8ff!important;
  }}

 

Example:

image.png.32b4f6ee60fe730d65825ab914089537.png

image.png.493b62c586ad1c3022bedc560d85b523.png

image.png.b30f7c3b7c7ff283213b1a1f48978fbb.png

image.png.63badbabb9fe74ccb28bb75ac874b246.png

Edited by jmaasberg
Link to comment
  • Replies 2
  • Views 229
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

The have a syntax error in your code in Design > Custom CSS.

.sqs-block-accordion .accordion-item__title-wrapper {
  background-color: #e9bd49 ff !important
}

It should be...

.sqs-block-accordion .accordion-item__title-wrapper {

  background-color: #e9bd49ff;
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution
3 minutes ago, creedon said:

The have a syntax error in your code in Design > Custom CSS.

.sqs-block-accordion .accordion-item__title-wrapper {
  background-color: #e9bd49 ff !important
}

It should be...

.sqs-block-accordion .accordion-item__title-wrapper {

  background-color: #e9bd49ff;
  
  }

Let us know how it goes.

Thanks for noticing this! I fixed it and it still wasn't working outside the editor, but I just tried removing the end ff from the hexadecimal colors and it now seems to be working. Strange, I thought that worked. Thank you!

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.