renee.hartwick

@cloud999 Just that it's a glitch on their (Squarespace's) end. Switching the buttons from solid to outline worked for me (then making sure the button color was one that would show up on the overlay) – so not a total solution, but a solution in the sense that you can at least see the button now! That can just be done in the cover page's Style settings. Hope that helps a little...it's all I've got for now! Hopefully SQS is still working on it.

@paul2009 Thank you for this! Sadly it didn’t work – but I submitted the issue to Squarespace Support as well, and their response indicated that it’s some sort of glitch on their part. In the meantime, I’ve been able to switch to the “outline” button and get that one to show up (just not the solid one). The clients are happy with that solution for now 🙂 Thanks again for looking in to this, I appreciate it!

@paul2009 Yes, that page is good! But as soon as you click on "Get the Guide," the lightbox button (below where you enter your email), is transparent when it used to be pink (on my browser at least).

@paul2009 Whoops, thanks for the heads up! https://www.forthrightadvising.com/key-project-kickoff-questions/

Hi community! I have a client site that has run into a glitch and I'm trying to trace the source! Their site is on 7.0 and they have several Cover pages that they use for "opt in" landing pages. They've had these pages for many years with no issues. Recently, they noticed that the "submit" buttons that appear when the lightbox is opened have become transparent (i.e. you can't see them – screenshot attached)! The buttons are pink when you land on the page (re: Get The Worksheet), but once the button is clicked and the lightbox shows up, the button (re: Get The Guide) vanishes. (JFYI I checked the Site Styles to see if they missed something there, but according to Site Styles, the button IS pink.) I took a look at the elements via CMD+Shift+C, and noticed that there is a "transparent" value for this button (screenshot attached below, Current Backend). If I delete this value, the button goes back to pink (screenshot attached below, Transparent Removed). Now, they have a decent amount of coding in their CSS panel, but it looks properly scoped and I ran a search for any mention of "transparent" and no alteration of those code snippets made a difference on their cover pages. I'm wondering if anyone has insight into this, or a coding fix? I've tried a handful of code snippets to fix it in their CSS panel, but don't think I'm scoping it correctly. Thanks so much for any help you can give!

@jaeveedee Thank you for the suggestion! Unfortunately safe mode didn't change anything...and weirdly enough, taking out all of the CSS didn't help either (I cut out all the CSS, pasted it into a word doc, Saved the site, and went back in to see if it fixed the FE issue, but the grid was still all kinds of wonky, and moving blocks around was still an unreliable pain). Would that mean it's a Squarespace issue? Or does a site just take a hot minute to recalibrate after a bunch of coding is removed?

Hi there, I started working on a client site today, and it's been worked on by several Upwork-type folks in the past...as a result, the site is riddled with Javascript and CSS. It was also build pre-Fluid Engine, so the sections are sort of a hybrid, with some being the Classic Editor and some being Fluid Engine (the new ones I'm adding are all FE). The issue is that while editing, Fluid Engine is a HOT MESS (a couple screenshots below that barely do it justice). The grid starts out basically non-existent (and I've checked the section row/grid settings, not the issue) and from there it just gets worse – the blocks don't land where they should when you try to move them, the grid blocks change size throughout the same section, when I try to drag a section to make it longer it sometimes drags down to the footer, sometimes doesn't expand at all...it's a nightmare to build out pages/sections honestly. I'm managing, but handing the site back to my client and showing them how to do anything themselves is just not going to work or be okay. I'm pretty savvy at CSS, but Javascript is still a learning curve. I've checked several of my other sites and it's not happening there, so I know it's not a Squarespace issue. With all of the wonky coding (and I cut a decent amount of it OUT after first noticing this issue), I'm almost positive it's gotta be some code snippet that one of the previous Upwork/Fiverr/whatever designers added in there at some point, but I don't know how to identify it. I've gone through the CSS and didn't notice anything in there that would do it, so I'm guessing it's in the Javascript somewhere...can anyone help me find the problematic code so that FE can work properly for them again? (Or tell me what to look for and I'll keep investigating myself?) Site: www.shopsitesee.com

Hi there! I'm working with a new client to help them better layout their individual product pages. I've already added javascript + a bit of css (that I'll add below) to move accordion blocks only from the "Additional Info" section to the product description area, but haven't been able to work out code to get the "Add to Cart" button to move up next to the "Quantity" field, which is the last piece of the puzzle (I know this can be done with zero coding using the "Half" layout, but it's not the look we're going for – we're using the "Simple" layout and would like to stick with it) – everything else is in the order/placement we want it already. I've browsed a few other forum posts about this issue, but none of the coding proposed in those worked for this site, even after playing around with changing elements, selectors, etc. I'm not sure if it's because the javascript conflicts or I'm simply using the wrong selectors, classes or coding medium. Any help or suggestions would be appreciated! Side note: I'm starting by only redoing ONE product as we play around with the layout, so despite how many products they have, I'd recommend inspecting the linked page/THIS page only. SITE JAVASCRIPT FOR ACCORDING BLOCK PLACEMENT: Located in Developer Tools > Code Injection > Footer PRODUCT PAGE CSS FOR ACCORDING BLOCK PLACEMENT: Located in Design > Custom CSS Thanks so much!

Site URL: http://www.larclighting.com Hi all, I'm finishing up a website for a client and running into a coding hiccup when it comes to configuring my CSS code for the side (right/left) padding on a few sections in their site. We've got this view on desktop (which they like): And in tablet view, it looks like this: They're not wild about the white space there and want the text to take up the whole container (on this section a couple others throughout the site) like it does when it's in mobile view. The media query I've been working on so far is this: *I'm only working with "0px" so that it's super obvious when it actually works, ha! Will adjust once I have a code that works... Can someone help me with where I'm going wrong? I've played around with the min/max numbers and nothing seems to change so I'm somewhat stumped. Thank you! Site link: www.larclighting.com Site PW: ilovelamp

@bangank36 Worked like a charm, THANK YOU so much!

Site URL: https://ave.squarespace.com/ Site: ave.squarespace.com PW: theeyeshaveit The clients I'm building this site for would love to have sticky/fixed nav on mobile but NOT on desktop, and I'm finding the CSS for that tricky. I gave the code from this post a try, but no luck. Has anyone else had success with this?

Site URL: https://www.forthrightadvising.com/blog/push-and-pull-communications Hey there, I know that in a Summary block, when "Excerpt" is unchecked, the "Read More" button won't show up even when toggled on, but I've been trying to alter that with CSS. I've got Summary Blocks (carousel design) at the bottom of every blog for this client and we don't want to excerpt but we DO want a "Read More" option to show up below each: I'm still in my CSS learning curve, so naturally, the CSS I've been playing around with hasn't worked so far. I've been attempting different iterations of this: I've got Summary Blocks at the bottom of every blog for this client, so a site-wide/summary-block-wide code (that works better than my rudimentary attempt) would be lovely. Side notes: I DO have CSS for the arrows on the Summary Block (carousel design) that I can provide if need be, though none of it isolates the "Read More" links, just the ".sqs-gallery-controls." It's also a 7.0 site in the Brine family, if that info is needed. Happy to provide whatever else might be helpful too! Thanks all 🙂