changing the colour of the submit button? – Michael's Software Support Forum

This topic has 1 reply, 2 voices, and was last updated 13 years, 1 month ago by Michael Gilkes.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
October 20, 2011 at 5:48 am #176

nickdella
Participant

Hi

Is there a way to change the colour of the submit/upload button used by the Frontend users?

Thanks

Nick

November 21, 2011 at 11:59 pm #1291

Michael Gilkes
Keymaster

@nickdella. You can do this by adding some inline CSS, or by assigning a class or id to the button, and have your CSS in the template. However, you have to edit the “tmpl/default.php” on line 32, you will see:

<br /> <input type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

You can either edit it with inline CSS, as follows:

<br /> <input style="YOUR STYLES HERE" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input style="YOUR STYLES HERE" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

Or with a predefined class,

<br /> <input class="YOUR_CLASS" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input class="YOUR_CLASS" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

Or with a specific ID with css properties defined to it,

<br /> <input id="YOUR_ID" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input id="YOUR_ID" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

Fo example, if you wanted to place inline color:

<br /> <input style="background-color:#f334ee;" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input style="background-color:#f334ee;" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

I personally prefer to define a class in my CSS file, usually the template CSS, and then specify the class on the button:

<br /> .MY_CLASS<br /> {<br /> background-color: green;<br /> }<br /> <br /> .MY_CLASS:hover<br /> {<br /> background-color: red;<br /> }<br />

1
2
3
4
5
6
7
8
9
10

<br />
.MY_CLASS<br />
{<br />
background-color: green;<br />
}<br />
<br />
.MY_CLASS:hover<br />
{<br />
background-color: red;<br />
}<br />

Then specify,

<br /> <input class="MY_CLASS" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

1
2

<br />
<input class="MY_CLASS" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br />

I hope this helps.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘changing the colour of the submit button?’ is closed to new replies.