User 5 buttons

HI there,

When I change the content of the title of a button in user 5 position in gets out of range the images and button. It shouldn't change the size if it is predefined. Please check: www.sobef.com "Free shipping inside USA" button, a space is in the right side of the button that doesn't complete the size of the space.
I went to buttons module and didn't find a way to fix this. So if I change even the language it comes out of range also.
How to fix this in order that any phrase written in these buttons maintains the appearance and width of module user 5 and don't get a mess automatic.

Thanks,

Tulio

Youu have to then make font smaller so in any language content will not be too wide:

in template_css.css:

#content_gradient_home .bottom .custom_buttons ul li a {
display: block;
color: #6A675B;
font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: normal;
text-transform: uppercase;
padding: 15px 60px 0 67px;
text-decoration: none;
background: url(../images/button_right.jpg) no-repeat right top;
height: 53px;
}

Hi Ivan, thanks for your reply.

I did that but as you can see it doesn't align the spaces of the buttons correctly. It should fill the spaces automatic so it keeps the design.

Thanks,

Tulio

In template_css.css

in:

#content_gradient_home .bottom .custom_buttons li {
float: left;
list-style: none;
background: url(../images/button_left.jpg) no-repeat;
height: 53px;
margin: 1px 0 0 10px;
}

add this two:

width: 307px;
text-align: center;

then in:

#content_gradient_home .bottom .custom_buttons ul li a {
display: block;
color: #6A675B;
font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
padding: 15px 60px 0 67px;
text-decoration: none;
background: url(../images/button_right.jpg) no-repeat right top;
height: 53px;
}

change padding to padding: 15px 0;

Thnaks Ivan, solved.