How to make button width the same?

leahtn · July 2016

Hi there, I'm working on this page (http://growthworkssolutions.com/services-3/). For each of the buttons below the circles, I would like them to be the same width. Is there a way to force this, or to force them to fit the column width? Thanks!

Albert · July 2016

Hi,

yes, it is possible. To set all buttons same width, you need to use an extra css:

a.button.button_orange, a.tp-button.orange { width: 310px !important; }

But please remember this would affect all orange buttons around whole site.

leahtn · July 2016

Is there a way to set it so that it applies this rule only to a certain page?

Albert · July 2016

For certain pages, you need to add .page-id-xxx class before each declaration where xxx is PAGE ID. Something like:

.page-id-xxx a.button.button_orange, .page-id-xxx a.tp-button.orange { width: 310px !important; }

How to make button width the same?

Comments

This website uses cookies