Fitting and centering buttons

[PoNG Center]

Hello,

There are two things I would like to do with the buttons on a page.

1. I would like for the buttons on this page to be centered when the width of the page when they start to stack
2. At the point where the width of the page doesn’t fit the buttons, I would like for the buttons to maintain some space without breaking the words. I’m okay with making the side margins smaller, or having a responsive text size in between when the width of the page is problematic.

View post on imgur.com

View post on imgur.com

Thank you!

• This topic was modified 4 years, 4 months ago by PoNG Center.
• This topic was modified 4 years, 4 months ago by themearile.

[themearile]

Hi PoNG Center

Thanks for contacting us. Don’t worry we are here to help you.

Please share your site URL so we can take a look and provide you a good solution.

Thanks

[PoNG Center]

The webpage is http://pong-center-dev.ucsd.edu/2020-internship/

Thank you! 🙂

[themearile]

Hi PoNG Center

Ok please add the below CSS code in the Additional CSS box.

For this Go to Appearence >> Customize >> Additional css box.

@media screen and (min-width: 600px) and (max-width: 992px) {
	.wp-block-columns {
		flex-wrap: nowrap !important;
		display: block !important;
	}
	.wp-block-column:not(:first-child) {
		margin-left: 0 !important;
	}
}

Let us know if it works.

Thanks

[PoNG Center]

It works great! Thank you so much 🙂

[themearile]

Dear PoNG Center

Glad to hear it and we are happy to help you. We hope you are enjoying the ArileWP theme.

Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5 We would be extremely grateful.

Please let me know if you need any further assistance..!

Thank you for your time.

Have a nice day..!

Thanks & Regards

ThemeArile

[Author]

Posts