Joomla Templates Club 406,261 posts

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#183977

Hi, is it possible to change the ‘Contact-Icons’ or have it ‘written’ as text?
My Client finds it not very logic how it’s done now :((
(first and third field are the same)
http://www.matestrainingen.nl

Many Thanks in advance

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#479682

The CSS for these items can be found/modified as follows . . .

Within file path –> /templates/ja_community_plus/css/template.css

Beginning at line 1584, you will see the following . . .
input#jform_contact_name {
background-image: url("../images/icon-yourname.png");
background-position: 5px center;
background-repeat: no-repeat;
border: medium none;
padding-left: 25px;
}

input#jform_contact_email {
background-image: url("../images/icon-yourmail.png");
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 25px;
}

input#jform_contact_emailmsg {
background-image: url("../images/icon-yourname.png");
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 25px;
}


As you can see, those “contact” images are defined within the above CSS rules – and the images themselves are located within your “images” folder and named (respectively) “icon-yourname.png, icon-yourmail.png”

The easiest way to change the icons would be to simply replace them with whatever new icon images you create and replace the existing images. If you name them something different than the original icon image names, then you will also need to modify the CSS rules above to reflect the new image names.

Hope That Helps

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#479877

This looks again: “GREAT! THANK YOU!”
I’m gonna try it right away.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#479881

Glad to be of assistance …. Let me know if you’re able to accomplish want you wanted.

😎

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#480042

Hi TomC, I (we) have accomplished how ‘I wanted’…,
but the Client would prefer a simpele looking contact-form as usually shown in Joomla.
It is used by ‘elderly women’ that don’t know how it works 😀

for example: http://www.haktransport.nl/index.php/contact (I also made that one)

But when I make the same in: http://www.matestrainingen.nl/contact_mates.html
it just doesn’t come out right – contact form won’t slide open.
There is something wrong…

Am I driving you crazy yet? :-[

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#480748

Hi TomC, I just wanted to let you know that it’s oké now the way it is. Thank you very much for your help.

[Author]

Posts