[highlandadventuresParticipant]

hi…what would be the CSS to center a button via a class…i tried creating the following:

.buttonhead {
text-align: center;
}

but it did not work…here is the link (refer to the big green button on the header image. see the page on http://www.machupicchu.com/inca-trail-tours/aaa/

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Please wrap the button element inside a <div> tag and then use text-align: center; to position button in center.

Let us know how it goes.

Thanks.

[highlandadventuresParticipant]

how would i do that…i am using the button option in cornerstone…don’t know how to add the <div>…can i just add the text-align in the style box within the cornerstone element window for the button.

[LelyModerator]

Hi There,

The page is 404 page not found when I check again. Please update us with the updated URL so we can check further. Alternatively, you can add center-text on the column class field.

Hope this helps.

[highlandadventuresParticipant]

please see http://www.machupicchu.com/aaa-2/

[highlandadventuresParticipant]

it worked by using the center-text in the column. tks…one more question:

– you will notice that the word Check Availability within the green button is not fully centered VERTICALLY…how can we correct this….also, how can we create a CSS class to control ONLY the color of buttons used in the head image of the page…we use bottons at the bottom that we need to keep with a different color. thanks.

[highlandadventuresParticipant]

the vertical mis aligment only happens when button size is selected to small. correct when size selected to mini.

[DarshanaModerator]

Hi there,

I have checked with the small button setting (http://snag.gy/MGYTc.jpg) and it seems to be working correctly. Could you please add a test page with the issue? so that we can assist you.

Thanks!

[Author]

Posts