Support Home Page › Forums › Joomla Software › Easy File Uploader Module › changing the colour of the submit button? › Re: changing the colour of the submit button?
November 21, 2011 at 11:59 pm
#1291

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:
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:
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,
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,
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:
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:
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,
1 2 |
<br /> <input class="MY_CLASS" type="submit" name="submit" value=<?php echo '"'.$params->get('efu_button').'"'; ?> /><br /> |
I hope this helps.