Button centered

hi.

i have placed a button simply copy-paste the code:

http://www.yogarivas.com/

( i mean "prueba una clase gratis" button inside "Beneficios" module)
the problem is that the button is placed at the left side of the page.
could anybody send a css code or html code or anything to put that button in the middle of the module????

this is the simply code a copy-paste:
<a href="/reservas" class="button button-border">Prueba una clase gratis</a>

???

thanks.

Enable override.css and paste this code:

.button {
float: none;
margin: 0 auto;
max-width: 325px;
}

Max-width: 325 will make your buttons text all appear on 1 line with the text you currently have. If you want to split it into 2 rows then you would change it to 200px

great!!!
thanks!!!

No problem!

Hey there,

I have the same problem, but I couldn't fix it by pasting the code into the custom CSS section. Override.css is activated.

Any help?
Here's the Link to the Site. Let me know if the Firewall blocks your country ...

http://web276.340.hostserv.eu/ristorant ... /j3x/site/

Thanks & regards!
Heiri

I haven't been active here in a while but if I can find time later I'll take a look

Hi

Try with one extra line to devsmi solution:

Code: Select all

.button {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 325px;
}


thanks, this did the trick!

Great support! Have a nice one!