2014-10-30, 04:23 PM
Pages: 1 2
2014-10-30, 04:38 PM
I'm no expert, but I'm guessing its done by editing this image to your desired color
youforum.com/forum/images/buttons_bg.png
youforum.com/forum/images/buttons_bg.png
2014-10-30, 05:39 PM
I tried to leave only the first color (white) but no effect.
I think there should be another way...
I think there should be another way...
2014-10-30, 05:44 PM
Global css, look for:
button, input.button {
background: url("../../../images/colors/night_thead.png") repeat-x scroll 0 0 #eee;
border: 1px solid #bbb;
color: #fff;
cursor: pointer;
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 16px;
outline: 0 none;
padding: 3px 8px;
change however you want, let me know how it goes please.
button, input.button {
background: url("../../../images/colors/night_thead.png") repeat-x scroll 0 0 #eee;
border: 1px solid #bbb;
color: #fff;
cursor: pointer;
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 16px;
outline: 0 none;
padding: 3px 8px;
change however you want, let me know how it goes please.
2014-10-30, 05:51 PM
Thanks, it worked!
2014-10-30, 05:53 PM
You are very welcome, have a great day!
2014-10-31, 02:25 PM
Hmm, Now I realized that changing that button's color raised some more problems. Unfortunately, it has also changed the color of other buttons on the forum. How can I make it so it would only change the color of the login button?
2014-10-31, 03:32 PM
Obviously it will affect all buttons as you have changed the css for the .button selector which is used by all buttons....
First change the css selector for the login button in the header_welcomeblock_guest template to something like this.....
Now in global.css add the above css properties to this new selector...
.loginbutton {
// your css codes //
}
First change the css selector for the login button in the header_welcomeblock_guest template to something like this.....
<input name="submit" type="submit" class="loginbutton" value="{$lang->login}" />
Now in global.css add the above css properties to this new selector...
.loginbutton {
// your css codes //
}
2014-10-31, 03:58 PM
Uh, sorry I'm new to editing templates can you explain me a little?
2014-10-31, 04:03 PM
ACP >> Templates >> Header Templates >> header_welcomeblock_guest
find this...
and replace it with...
find this...
<input name="submit" type="submit" class="button" value="{$lang->login}" />
and replace it with...
<input name="submit" type="submit" class="loginbutton" value="{$lang->login}" />
Pages: 1 2