SOLVED Web Icons
-
-
- StarLion.co.uk
- Jr. Rocketeer
- Posts: 40
- Thanks: 0
- Qualified Electricians
-
Hi there
Where can I see the Web Icons because I need to add some of my icons.
Ore how can I change them please if I need to.
Regards
Thank you
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
on the "typography" page of the demo or rocketlauncher. they are fontawesome Icons.
Also see here http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- StarLion.co.uk
- Jr. Rocketeer
- Posts: 40
- Thanks: 0
- Qualified Electricians
-
Thank your for the reply MrT
How can I add my own icons instead? is any way to do that.
I was trying to add the icons that are templates/rt_oculus/image/icons but not working.
Any more help please.
Thank you
Regards
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
It depends where you want to add them. menu items can use the menu image field. For modules you would have to write a little custom CSS to make them work. If you need more help you'll have to give me an example of location of your image file and where you want to put it - Please do a screengrab of your problem and annotate to make it clear..
Could you please post a URL to your site so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- StarLion.co.uk
- Jr. Rocketeer
- Posts: 40
- Thanks: 0
- Qualified Electricians
-
Hi MrT
For the moment I'm working on my localhost PC. It's not online; I hope you can help me before I upload it to the server.
I'd like to add my own icon on allModule Class Suffix: title4 box6 icon-star-empty rt-horizontal-gradient fp-roksprocket-lists-1Module Class Suffix: box6 rt-vertical-gradient icon-list-alt nomarginleft nomarginright
because one of my clients wants to have some of his own icons.
What would be good for me is to have a folder on the image directory and link my own icons to the Module Class Suffix:
example of Module_Class_Suffix
Is for Oculus Template
I hope that helps
Thank you for your time
Regards
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
ok - you didn't provide me with an example image as I asked so this will get you started but you'll most like have to make other adjustments too...
1. save your image wherever you like
2. create a piece of custom (note class name must begin "icon-")...
3. add the module class suffix "icon-youriconname" to the module..icon-youriconname:before { content: url("theurltoyourimagegoeshere"); }
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- StarLion.co.uk
- Jr. Rocketeer
- Posts: 40
- Thanks: 0
- Qualified Electricians
-
Thank you very much for your professional help, MrT :cheesy:
All you guys at Rockettheme ROCK
Top quality Templates and top quality service.
I'm happy I've joined your team.
Thank you again
Regards
-
-
-
- emedia
- Rocketeer
- Posts: 97
- Thanks: 4
-
Mr T,
How do we use the web icons that ARE listed at fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/ but are not listed on the RocketTheme demo Typography page? Just using the icon name (for example in the Menu Icon field) only seems to work if we use icons that are on your demo list.
Thanks.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
emedia - please don't post in SOLVED threads - always start a new thread and by all means cross reference to this thread.
Did you read this... http://www.rockettheme.com/forum/index.php?f=337&t=206092&rb_v=viewtopic
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.100 seconds