How to make button width the same?

leahtn

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

leahtn

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

Albert

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next