Artisteer Template Buttons

[one12]

Is there a way to change the button size and shape in artisteer templates?

I tried so much and the button looks like this in images folder

Button1.png

and no I do not want to change the colors because each color in this image has a function the first is the button itself and the second line is when you move your mouse over "rollover" the button and the third when you click on it... tried to resize it on photoshop and then the button went weird on the tamplate.... I tried to apply a new image I made as a button and did not work out tried to fix the css file did not work out too not sure wut I do have to do to resize a button on an artisteer template.... here is the template.css code that effects the button




/* begin Button */
.art-button-wrapper .art-button
{
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:28px;
margin:0 !important;
padding:0 !important;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;

}

.art-button-wrapper
{
display:inline-block;
position:relative;
height: 28px;
overflow:hidden;
white-space: nowrap;
width: auto;
z-index:0;
}

.firefox2 .art-button-wrapper
{
display:block;
float:left;

}

.art-button-wrapper .art-button
{
display:block;
height: 28px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
white-space: nowrap;
text-align: left;
padding: 0 11px !important;
line-height: 28px;
text-decoration: none !important;
color: #F3FAEA !important;
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
color: #EFFDE3 !important;
text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
color: #F1F4F1 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
display:block;
position:absolute;
z-index:-1;
height: 84px;
background-image: url('../images/Button.png');
}

.art-button-wrapper .l
{
left:0;
right:7px;
}

.art-button-wrapper .r
{
width:403px;
right:0;
clip: rect(auto, auto, auto, 396px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
top: -28px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
top: -56px;
}


/* end Button */



so is there a way to apply a new image as a button and make it the size I want?

[Ghonjez]

Hi...

If you're using Artisteer for make a custom Joomla template, better way is use Artisteer forum, they has active forum, so you can also consult to developer.
http://www.artisteer.com/?forum_id=20&p=forum_topics