how to center a widget

Site URL: https://www.currentmoodinteriors.com/collection

I have these widgets provided by a 3rd party site embedded on one of my pages as HTML code and can't figure out how to get them centered -- it's driving me nuts! I saw there was a previous post about this but since it was from 2 years ago, I thought I'd repost as a new question 🙂  I tried the methods I saw in the previous post but none seemed to work and I'm fresh out of ideas!

10 hours ago, currentmood_interiors said:

Site URL: https://www.currentmoodinteriors.com/collection

I have these widgets provided by a 3rd party site embedded on one of my pages as HTML code and can't figure out how to get them centered -- it's driving me nuts! I saw there was a previous post about this but since it was from 2 years ago, I thought I'd repost as a new question 🙂  I tried the methods I saw in the previous post but none seemed to work and I'm fresh out of ideas!

It looks fine to me. Can you take a screenshot on your end?

@tuanphan all the text is centered but you can see that the actual widget is off center to the left!

15 hours ago, currentmood_interiors said:

@tuanphan all the text is centered but you can see that the actual widget is off center to the left!

Add to Design > Custom CSS

/* center widget */
.boutique-widget>div {
    margin: 0 auto !important;
}

@tuanphan wow that worked -- thank you so much, you're amazing! Any idea why it still would be off center for mobile?

16 hours ago, currentmood_interiors said:

@tuanphan wow that worked -- thank you so much, you're amazing! Any idea why it still would be off center for mobile?

I don't know...try adding this to Design > Custom CSS

/* center widget on mobile */
@media screen and (max-width:767px) {
#b623dee3e8694a {
    max-width: unset !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 15px !important;
}
}

@tuanphan that seemed to do the trick! in the mobile preview atleast -- I'm seeing it centered now in the Squarespace mobile preview but not on my phone but I'll give it some time and check back later. You've been so incredibly helpful, thank you so much!

Hi @tuanphan- I just found this thread and am also trying to center a widget. I attempted the first code snippet that you posted but it didn't work. I'm new to making edits to Squarespace CSS and am not sure if there is a particular section of the code I needed to place it in. Could you advise? 

https://www.oneactaid.org/give

Thank you!

1 hour ago, waxyjax said:

Hi @tuanphan- I just found this thread and am also trying to center a widget. I attempted the first code snippet that you posted but it didn't work. I'm new to making edits to Squarespace CSS and am not sure if there is a particular section of the code I needed to place it in. Could you advise? 

https://www.oneactaid.org/give

 

Thank you!

Add to Design > Custom CSS

div#block-a6de75532466e4a23303 div {
    text-align: center;
}

thanks! The widget is close to center, which I think will work enough. Not sure if there's a way to get it perfectly centered - if you think there is though, I'll stay tuned!

43 minutes ago, waxyjax said:

thanks! The widget is close to center, which I think will work enough. Not sure if there's a way to get it perfectly centered - if you think there is though, I'll stay tuned!

Hi. That is not possible.