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; }

Thanks @Ziggy That's disappointing. I thought it might be doable because the simple list allows you to customize the order of items. I appreciate you taking the time and I'll look into the plugin you mentioned Thanks again! 🙏

I wish I had 😉 All the images on the site have been uploaded with the borders created in Canva. I'd still like to learn how to do it using CSS. This code works for radius corners but I can't get it to work for shapes and circles without a lot of messing around (and even then it still doesn't work well) { border-radius: 32px; border: solid 1px #000}

@Ziggy Thanks for your reply! It's the sixth section from the top - It looks like this:

Hi there, I'm using a carousel to display testimonials and I'm wondering if it's possible to change the order of items using code. I'd like the testimonials to look like this with the media image next to the description (on desktop) and below the description (on mobile) Fully aware this might be a little complicated and so I'd happily settle for moving the media item to the bottom of the item stack if that can be done. My site url is: https://onion-mouse-9rsa.squarespace.com/ Password: awaken Thanks!

Hi @joseph81 Could you help me make this code work for me? I'm trying to add borders to images with corner radii. Here are my site details: https://onion-mouse-9rsa.squarespace.com/ Password: awaken I've seen it done on this site: https://www.tropicstatepilates.com.au/about but I am not adept enough with code to figure out how the designer did it Thanks!