Community forum for knowledge and support

Updated 10 months ago

Centering components in webflow

At a glance

The community member has a question about why the centering is off when they copy a component like header50 or header62 into Webflow. The H1 is flush left, the paragraph is centered, and the buttons are flush left, when they should all be centered. The community member suspects it's a class issue but can't figure out how to fix it, even with class sync turned on.

In the comments, another community member asks the original poster to share a screenshot of their navigator panel to see the structure of the page. The original poster then mentions that they copied the component again without touching it, and the component still has some duplicated classes, even with sync on. They note that the component should be all centered.

Another community member asks if the HTML structure looks like it has global styles included in the page wrapper, but the original poster says no, it's only like that on their home page, and they thought copying the whole thing would just copy it into the next page, but that didn't happen.

There is no explicitly marked answer in the comments.

I have a question. If I copy in a component like header50 or if I try to copy in say header62. The centering is off when I copy into webflow. The H1 is flush left, the paragraph is centered and the buttons are flush left when it should ALL be centered. I'm sure it some sort of class issue but I can't figure out what to do to fix it. I have class sync turned on.

B
J
5 comments

Can you share a screenshot of your navigator panel? So I can see the structure of your page.

I copied in the component again and didn't touch it so you can see what it looks like, even with sync on it duplicates some classes. I'll add the screencaptures. The component should be all centered. Thank you.

does your html structure look like this, i.e. global styles included in page wrapper etc?

No. It does on my home page but on this page I don't see it. I thought when i copied the whole thing it would just copy it into my next page but I guess it did not.

Add a reply
Sign up and join the conversation on Slack