Change button new thread

[tinoco2]

Hello, i would like change this:



I would like change this button for other, how can i do it ?

Regards, thanks.

[kh99]

That's not really a button, it's just a link. The text is in a phrase and it's made to look like a button using CSS. So you either need to provide different CSS, or else edit the template and change the code to use an image.

[tinoco2]

Originally Posted by kh99

That's not really a button, it's just a link. The text is in a phrase and it's made to look like a button using CSS. So you either need to provide different CSS, or else edit the template and change the code to use an image.

Thanks very much kh99 , where is the template?

[John Lester]

Originally Posted by tinoco2

Thanks very much kh99 , where is the template?

You can do this one of two ways actually. The first option is to adjust the "style vars" in your admin control panel. The second is to place the code below in your additional.css template. Either way the results are the same.

ACP -> Style & Templates -> Style Manager -> your style here -> Style Variable Editor -> Secondary Content

To change the TEXT COLOR you want to edit secondarycontent_color
To change the BACKGROUND COLOR you want to edit secondartycontent_background
To change the FONT you want to edit secondarycontent_font

To make the changes via the additional.css file

ACP -> Styles & Templates -> Style Manager -> your style here -> Edit Templates -> CSS Templates -> additional.css

Copy the following code into additional.css.

.newcontent_textcontrol {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll left top #992845 !important;
    border: 0 none;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 3px 8px #DDDDDD;
    clear: right;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font: 14px Arial,sans-serif;
    padding: 4px 15px;
}

To change the BACKGROUND color you need to change the #992845 to the hex color of your choice.

To change the TEXT COLOR you need to change the #FFFFFF to the hex color of your choice.

To change the FONT (and FONT SIZE ) you need to change font: 14px Arial,sans-serif

[tinoco2]

THANKS VERY MUCH JOHN LESTER

[tanzeelniazi]

Originally Posted by John Lester

You can do this one of two ways actually. The first option is to adjust the "style vars" in your admin control panel. The second is to place the code below in your additional.css template. Either way the results are the same.

ACP -> Style & Templates -> Style Manager -> your style here -> Style Variable Editor -> Secondary Content

To change the TEXT COLOR you want to edit secondarycontent_color
To change the BACKGROUND COLOR you want to edit secondartycontent_background
To change the FONT you want to edit secondarycontent_font

To make the changes via the additional.css file

ACP -> Styles & Templates -> Style Manager -> your style here -> Edit Templates -> CSS Templates -> additional.css

Copy the following code into additional.css.

.newcontent_textcontrol {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll left top #992845 !important;
    border: 0 none;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 3px 8px #DDDDDD;
    clear: right;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font: 14px Arial,sans-serif;
    padding: 4px 15px;
}

To change the BACKGROUND color you need to change the #992845 to the hex color of your choice.

To change the TEXT COLOR you need to change the #FFFFFF to the hex color of your choice.

To change the FONT (and FONT SIZE ) you need to change font: 14px Arial,sans-serif

Great Info Thanks All