Stacey_anne

https://bobcat-dalmatian-gfh6.squarespace.com/single-service-2 at the moment I have the image sitting above the text on mobile because of the aforementioned problem 🙂

Hi All, I'm a bit late to the game but I recently learned that some browsers change the background color of sites when set to dark mode (see 1st pic) This makes some text unreadable if it is layered on top of an image (see 2nd pic). Is there CSS that will ensure that a site will display as designed (see 3rd pic) regardless of the browser settings? I found some suggestions here but none of them seemed to work. Any suggestions or pointers are greatly appreciated Thank you! (Password is demo)

@Wallseywalls fantastic! thank-you!

@PEARLERwork Did you ever find a solve for this? 🙂

Hey @GLCsolutions Did you ever find a fix for reducing the width of the section? 🙂

Hi @tuanphan 👋 Yes those are the ones

Hi all, I'm trying to center my social icons on mobile. I've found a bunch of different code solutions but in each case, the icons are still slightly off to the left. At the moment I'm using: @media only screen and (max-width: 640px) { .social-icon-alignment-left .sqs-svg-icon--list { text-align: center; } } But I've also tried: @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1681108921841_11189 * { text-align: center !important; } } plus a bunch of others. Does anyone have any ideas as to why they are not exactly centered? Thanks! URL: https://onion-mouse-9rsa.squarespace.com/ Password: awaken

I was going to delete this post but thought I'd just add the solution I used instead (in case anyone else has this problem) //remove grey box around thumbnails on event page// a.eventlist-column-thumbnail{background: transparent !important;}

Hi all, Can anyone tell me how to remove what I'm assuming is an image overlay on images uploaded to the events page? I've combed through the site styles > colors and set every single Image overlayto transparent and I still can't get rid of it. any suggestions? Url is: https://onion-mouse-9rsa.squarespace.com/config/pages/6439cab11afc081849a4be02 password: awaken Thank you!

Thanks @tuanphan I was hoping there was a way I'd be able to make it the same as the monospace settings (font-family, font-size, font-weight and letter-spacing) without needing to add these properties individually but I guess that the only option - thanks again 🙂

Hi all, I'm trying to figure out if it's possible to change the text in a scrolling Marquee to my monospace style without having to set all the properties individually. Can this be done? Thanks! Site URL is https://onion-mouse-9rsa.squarespace.com/ Password is awaken The scrolling marquee is just below the banner on the homepage (and there is a section just above it with text set to monospace style)

Hey @tuanphan Thanks for the reply! I ended uploading the font as a separate file 🙂

Just in case anyone else happens across this post . . . I had the same issue. This is a host I'm using. https://www.opendrive.com/ Seems to work well

Site url: https://onion-mouse-9rsa.squarespace.com/ Password: awaken Hi All, I'm trying to adjust the bold font weight for paragraph text. I'm using a preloaded font (proxima nova) and I've checked to make sure the font weight I'm using in the CSS is available (it is 🙂) If I adjust the weight of the regular font the code seems to work but as soon as I refresh the page it goes back to the heavier weight The code I'm using is : p strong { font-weight: 600 !important; } This is a screenshot of the code applied And this is what it keeps reverting to Do I need to load the font with this specific weight somewhere on the site? Any ideas would be much appreciated Thank you!

I found this lovely code snippet (below) on the forum and it works great on Chrome but when I view the site on Safari the alternating colors are not displaying (all items are black) Site URL: https://onion-mouse-9rsa.squarespace.com/ Password: awaken Any suggestions would be appreciated Thanks! //Value Stack - Scrolling text alternating colors// .Marquee-svg-text .Marquee-svg-text:nth-child(odd) { color: #000 !important; } .Marquee-svg-text .Marquee-svg-text:nth-child(even) { color: #FF5C29 !important; }