Streaming live at 10am (PST)

Unable to Center Button Inside Column or Divider


#1

I have having trouble centering my buttons with a column or a divider. I tried using the center elemt but it just elongates one part of the button.


Here is my public share link: ** isiko-wear.webflow.io**
(how to access public share link)


#2

Hi @ngdesign

Try placing a div block above your button, then style it with a width:100% and text align:center (under the typography panel).

Next, move your button into that div. It should now be centered.


#3

that didnt work :frowning: not sure why
any other ideas?


#4

Make the column a flexbox. Align: Center; Direction: Column


#5

Your share link isn't working, but instead of adding another div. Just select the div your button is currently in (with class button-divider) and apply the text-align:center style to it.

Or you can do what @Cricitem said :grin:


#6

@Phoxic @Cricitem thank you guys so much!
I made it a flexbox and that worked really well
appreaciate it :smile:


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.