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. 

Hey,

I'm Alston

Is there a way I can get this playlist to be centered on desktop webpages? I am inexperienced in coding and am not sure what to do

Thank you for your time and help

Hey,

I'm Alston and I have made my own website using SquareSpace. Is there a way I can get this playlist to be centered on desktop webpages? I am inexperienced in coding and am not sure what to do.

I will attach a screenshot below

Thank you for your time and help!

-Alston

On 6/9/2023 at 11:41 PM, SkyHighStudios said:

Hey,

I'm Alston and I have made my own website using SquareSpace. Is there a way I can get this playlist to be centered on desktop webpages? I am inexperienced in coding and am not sure what to do.

I will attach a screenshot below

Thank you for your time and help!

-Alston

Can you share link to this page?

You can also wrap your code into this tag

<center>
  paste your embed code here
</center>

On 6/11/2023 at 3:44 AM, tuanphan said:

Can you share link to this page?

You can also wrap your code into this tag

<center>
  paste your embed code here
</center>

 

Wow!

Thank you so much, it worked

-Alston

Installed Company Cam Showcase, having trouble moving the widget to the center or closer to the top of the page, currently at the bottom of every page. Also having trouble with Webpage Gallery images loading on Mobile. Thanks for any advice