Jump to content
View in the app

A better way to browse. Learn more.

Squarespace Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Third-party testimonial slider off-center?

Featured Replies

Posted

Site URL: https://vibraphone-dove-dpfn.squarespace.com/

Hi all,

I'm not sure if this is outside the purview of this support forum as I'm using a third party element, but I'm having trouble resolving this with the vendor's support team and wondered if anyone here could help.

I implemented a testimonial slider on my homepage (password He@1ing). When I view it, it's off-center to the right, no matter what browser I use. Sometimes it's dramatically off-center, sometimes there's just a few pixels pushing it off center. The vendor's support team said it appeared centered to them, so I'm wondering (1) how does it look for you? and (2) how can I fix this? Let me know if you need to see the CSS and JS currently in use.

Thanks!

Kacia

  • Replies 2
  • Views 592
  • Created
  • Last Reply
  • Community Expert
On 11/18/2020 at 2:11 AM, Kacia said:

Site URL: https://vibraphone-dove-dpfn.squarespace.com/

Hi all,

I'm not sure if this is outside the purview of this support forum as I'm using a third party element, but I'm having trouble resolving this with the vendor's support team and wondered if anyone here could help.

I implemented a testimonial slider on my homepage (password He@1ing). When I view it, it's off-center to the right, no matter what browser I use. Sometimes it's dramatically off-center, sometimes there's just a few pixels pushing it off center. The vendor's support team said it appeared centered to them, so I'm wondering (1) how does it look for you? and (2) how can I fix this? Let me know if you need to see the CSS and JS currently in use.

Thanks!

Kacia

Your css has override the border-box settings so I reset it with this custom css

section[data-section-id="5f90a80e8112627af09c74bc"] .content-wrapper {
  box-sizing: border-box !important;
}

image.thumb.png.5bda6e1e7f18c769e6c0041dac3c5610.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker
Gallery block 7.1 workaround </> Reusable content blocks plugin </> 🤖 No-code workflow automation

  • Author
21 hours ago, bangank36 said:

Your css has override the border-box settings so I reset it with this custom css


section[data-section-id="5f90a80e8112627af09c74bc"] .content-wrapper {
  box-sizing: border-box !important;
}

image.thumb.png.5bda6e1e7f18c769e6c0041dac3c5610.png

@bangank36 THANK YOU! i have been fiddling with this for days. Thank you so much!

Archived

This topic is now archived and is closed to further replies.

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Welcome to the Circle Forum!

The Circle forum will be your homepage for all Circle updates.

Start by introducing yourself to the community!

Introduce yourself

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.