Button centered on heather

I want to center a button on the header and I used <div class="gkButtonArea"><a class="gkCentered" href="#">Aanvragen</a></div> In the module class suffix I place centered. But the button is still aligned right. what am I doing wrong.

Could you post an url to your site?

I design the site locally so I can't give you a link. I send herewith a screenprint. The button "Aanvragen" must be centered.

Change code to:

Code: Select all

<div class="gkButtonArea centered"><a class="gkCentered" href="#">Aanvragen</a></div>


and add to override.css:

Code: Select all

.gkButtonArea.centered .gkCentered {float:none; padding: 15px 50px;}


Remember to enable "CSS override" in template settings - advanced section.

Thanks Cyberek it works...