Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Icon for city and other fields

More
11 years 4 months ago #2618 by miracle
Icon for city and other fields was created by miracle
Hi,

I use icon pack black. I want to add a icon to the field city. I tried to make a con_city.png but that didn't work out. How can I achieve this?

BTW, a field birthday would be nice to add...

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #2623 by admin
Replied by admin on topic Re: Icon for city and other fields
Hello,

first, for the birthday field request: the component does not add fields that are not part of the Joomla! framework at the moment. You can still achieve this by using one of the standard fields and use it for birthdays. It is just a workaround for now.

Now, for the icon: you need to 'tell' the stylesheet that you are using this icon.
.personsuburb {
    background: url("../icons/black/con_city.png") no-repeat scroll 0 center transparent;
    display: inline-block;
    padding-left: 20px;
}
This will add your icon to the component. Add this code to your template's stylesheet.
Olivier.

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago #2769 by miracle
Replied by miracle on topic Re: Icon for city and other fields
Sorry for the delay. I added the code to custom.css, the place where I add all the custom code according to my template provider (Yootheme). It ain't working.

See attached the code according Firebug.
Attachments:

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago #2773 by admin
Replied by admin on topic Re: Icon for city and other fields
No problem for the delay :-)
Thanks for the screenshot, although it shows the html, not the CSS code so it does not help much.
Is there a URL I can look at? Or can you attach a screenshot of the CSS related to the .personsuburb class?
Thanks!
Olivier.

Please Log in or Create an account to join the conversation.