How to add background to Submit Reset buttons?

Phoca Guestbook - creating guestbooks in Joomla! CMS
bgparadise
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 06 Sep 2009, 13:30

How to add background to Submit Reset buttons?

Post by bgparadise »

Hello, first thank you for this great extension! I setup everything in 30 minutes and it`s work perfectly :|
The only thing I can`t manage is changing of default style for Submit and Reset buttons. Is that possible (I`m sure is is :| and how to do this :idea:
What I want is to add background image to the buttons so they can look nice in site design.

Thank you in advise!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48706
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to add background to Submit Reset buttons?

Post by Jan »

Hi, this you should change resp. add in css file (of your template or phocaguestbook):
components\com_phocaguestbook\assets\phocaguestbook.css

Jan
If you find Phoca extensions useful, please support the project
bgparadise
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 06 Sep 2009, 13:30

Re: How to add background to Submit Reset buttons?

Post by bgparadise »

To all who need the same change:
in fact there are two files that should be edited:
components/com_phocaguestbook/views/phocaguestbook/tmpl/default.php
there I add:
class="contact-button" at line 577 to both buttons Submit and Reset
After that in file
components\com_phocaguestbook\assets\phocaguestbook.css
I add
#phocaguestbook .contact-button {
display: inline;
margin-top: 5px;
background-color:transparent;
background-image:url(/images/submit.png);
border:0px solid #CCCCCC;
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
width:100px;
height:26px;
}
And everything work fine 8)
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48706
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: How to add background to Submit Reset buttons?

Post by Jan »

Hi, thank you for this guide.Jan
If you find Phoca extensions useful, please support the project
Post Reply