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


  • Posts

  • Joined

  • Last visited

Personal Information

  • Location

Recent Profile Visitors

577 profile views
  1. I'm on 7.1 , and I'm using one of the "headline" sections that gives you a background image with text and button over top. My issue is that by default there is an opacity: 0.15 on the image and it looks washed out. How can I set the opacity to 0 for my background image so it's full color? This code used to work: .section-background-overlay{ opacity: 0; } Now, the above opacity is crossed out and this appears to be controlling the opacity: element { opacity: 0.15; } In the HTML it looks like there are several data controller tags like: data-image-overlay-opacity="0.15" Basically, I'm unclear how to reference this in css as it's not referencing a specific class or ID. How can I set the opacity to 0 for my background image so it's full color?
  2. I have several html prototypes that I'd like to host on squarespace. They are packaged websites so I cannot simply upload them using the page editor. I'm assuming I can ftp the files like a normal website storage. The problem is I see tutorials saying navigate to Settings -> Advanced -> Developer Mode to access ftp. However, there is no developer mode option I can see in 7.1? Am I able to connect to ftp, and what's an example of the credentials I would enter? Or is there something with my plan or squarespace in general I'm missing? Thanks!
  3. @tuanphan Seriously, thank you so much! You're the best 😊 Now I can see where the block-yui is so I can change the rest.
  4. @tuanphan thank you for the reply. I was not able to find either of the IDs you mentioned. However, I found an article : From that article I've came to some code like this: #collection-5db780f898b12c452cebb868 #content div > div > div .image-block-wrapper:nth-child(4){ box-shadow: box-shadow: -1px 2px 10px 4px rgba(0,0,0,1) ; } I was able to identify the pages #collection, but I haven't had any luck getting this to work. Any thoughts?
  5. Any thoughts on this @tuanphan? You were a huge help on some prior questions I had. Thought it's worth a shot to ask directly. Thanks in advance!
  6. I've applied a css shadow to all of my in-page images. However, there are a few images that I don't want to have this shadow. Is this possible, and how can I achieve? So far I've added this code to give all images shadows. .image-block-wrapper { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.1); } I've been trying to target the image ID for the few images that I do not want to have a shadow: #yui_3_17_2_1_1573606191721_472{ box-shadow: none !important;} This is finicky. I can get it to work sometimes, but then upon saving the page and viewing in the browser the shadow is back. When I go back to check, it looks like the ID is different. Seems like there's not a static ID for each image. URL: https://grape-tuatara-n6mp.squarespace.com/checking-accounts P: sitehelp If you scroll down on this checking page, I'm trying to remove the shadow from the image with 3 cell phones. Side note: I also have a shadow applied to cards on my homepage. Unsure if this effects anything. .sqs-block-image .image-block-outer-wrapper.image-block-v2 { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.07); } Please help!
  7. @tuanphan I really appreciate your help on both of these questions. I've changed the hover background to black. However, the button hovers a dark grey, and the space just to the right of the buttons hover dark black. I believe it's the area where the div is... maybe a glitch in squarespace?
  8. @tuanphan this is awesome thank you so much! I've tweaked the shadow and it's looking good. One more question. It looks like the shadow applies to all images. Any idea if just the image cards can have the shadow?
  9. @tuanphan Thank you! You'll see all of the image cards have a slight gray background. I'd like to give that edge a soft modern drop shadow. https://oboe-oarfish-b2zr.squarespace.com turkeydogs
  10. Thanks for looking @tuanphan, and yes I'm looking for help with custom code. You'll see when hovering a button the text only gets slightly dimmer. I can't control that through the template. https://oboe-oarfish-b2zr.squarespace.com turkeydogs
  11. (wells template) I have an image block: card on my page, and I'd like to have a drop shadow around the card. Does anyone know some css for this? Thanks much!
  12. (Wells template) I have an image block: card on my page. I have the button turned on, and have changed the background color to white/text to black. I can't control the hover colors of the button or button text in the template. Does anyone know some custom css for this? Thanks much!
  • Create New...