jrbrugger Posted May 7, 2020 Share Posted May 7, 2020 Site URL: https://www.jackroland.net/ I am using the brine theme template on my Squarespace site and am experiencing a bug when using Custom CSS. have installed custom CSS on my pages, and assigned them to different background colors. When you enter the homepage, the background has the correct color background (orange). When you navigate to another page, the background is also orange, whereas it should be whatever I have it as in the custom CSS. For some reason it's bugged and you have to refresh the page in order to see the correct color. I am using this code in the Page Settings 'Advanced' tab <style> .Main { background-color: #F56626; !important } </style> I have the following site-wide custom CSS as well: .is-mobile-overlay-active .Mobile-overlay { @media screen and (min-width:641px) { width: 100%; } @media screen and (max-width:640px) { width: 100%; } } body { overflow-x: hidden; } .mobile-overlay-menu-main {margin-top: 50px; background-image:url(https://static1.squarespace.com/static/5b2671457c9327b7540a6f14/t/5e8897ead4929f67dfe53f51/1586010091443/Jack+Roland+logo.png?format=750w); background-position: top; background-size: 50% auto; background-repeat: no-repeat; } .mobile-overlay-nav-item {padding-top: 60px;} .mobile-overlay-menu {width:100%; z-index: 1;} h4 { font-family: Open Sans; font-weight: 400; font-size: 140px; margin-bottom: 1px; } @font-face { font-family: 'Equitan'; src: url('https://static1.squarespace.com/static/5b2671457c9327b7540a6f14/t/5eb1d31defd917670c27f543/1588712221989/Equitan+Sans+Bold.otf'); } h1 {font-family: 'Equitan';} h2 {font-family: 'Equitan';} h4 {font-family: 'Equitan';} .white { color: #FCFCFC; } .forest { color: #4D6557; } .contact { font-family: Open Sans; font-weight: 300; font-size: 12px; } .pink { color: #EED4D4; } //---Custom Fonts--- .Header-nav--primary .Header-nav-item {font-family:Equitan; text-align: center; padding: 0.7em;} .Header-nav--primary {font-family:Equitan;} Does anyone have any clue why the color backgrounds are bugging? Here are some screenshots.1st image is the homepage2nd image is the way the About page should load3rd image is the way the About page actually loads Link to comment
jrbrugger Posted May 7, 2020 Author Share Posted May 7, 2020 I resolved this question myself. It was because of Ajax Loading.https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading?_ga=2.243168321.293081833.1588805565-1922224657.1561591562#toc-enable-or-disable-ajax Link to comment
Troublemaker Posted December 17, 2020 Share Posted December 17, 2020 Hi there, how did you solve this problem? Disable Ajax or something else? Thanks Link to comment
creedon Posted December 17, 2020 Share Posted December 17, 2020 @Troublemaker If you're on a v7.0 site Ajax being on can often cause things not to update the way you expect. If you are having such an issue it doesn't hurt to turn off Ajax for a bit to test if that is the cause of the issue. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment