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 🙂

@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!