RocketTheme - TOPIC: FA icons in RockSprocket (1/2)

Welcome Guest! Login

0 items Join Now

- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
FA icons in RockSprocket

Posted 7 years 3 weeks ago
- Hi, I would like to put a FA Icon into the label of RS headlines.
  In the text lines it works: <i class="fa fa-XXXXX fa-lg" aria-hidden="true">...text...</i>.
  In the label it does not work, even with <span> tag and/or not with a 'space' empty text.
  Have you a trick?
- Last Edit: 7 years 3 weeks ago by mauro buffa.
#1366643
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: FA icons in RockSprocket

Posted 7 years 3 weeks ago
- Why not target label with css and add icon like that in before or after pseudo element?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
#1366645
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
Re: FA icons in RockSprocket

Posted 7 years 3 weeks ago
- Hi Damir,
  this time I do not understand well (I'm not a css mage, unfortunately ...)
  would you make me a banal example please?
#1366646
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: FA icons in RockSprocket

Posted 7 years 3 weeks ago
- Can i see the URL of the label and i will give you an example.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
#1366649
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
Re: FA icons in RockSprocket

Posted 7 years 3 weeks ago
- Thankyou. We are working around a Nuance RT template.
#1366650
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: FA icons in RockSprocket

Posted 7 years 2 weeks ago
- Where is that label can i get a screenshot also i need access to the site!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
#1366770
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
Re: FA icons in RockSprocket

Posted 7 years 2 weeks ago
- Hi Damir, you have credentials. Thanks.
- Last Edit: 7 years 2 weeks ago by mauro buffa.
#1366775
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
Re: FA icons in RockSprocket

Posted 7 years 2 weeks ago
- Hi Damir,
  any idea to solve the fa-fa-in-RS-label problem?
  Best
#1367318
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: FA icons in RockSprocket

Posted 7 years 6 days ago
- ok you can have only one icon for all items like this...
  
  add this in custom css file:
  
  .sprocket-headlines-badge span:before { font-family: FontAwesome; content: "\f0a1"; font-size: 21px; }
  
  To create a custom CSS file, you just have to create a new css file at /templates/[TEMPLATE]/css/ and name it [TEMPLATE]-custom.css. The new custom CSS file will automatically get loaded by the Gantry 4 Framework.
  
  NOTE: The use of [TEMPLATE] in this guide is intended as a placeholder for the name of the template's primary directory. Replace [TEMPLATE] with the template directory name in order for these instructions to work with your site.
  docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet
- Last Edit: 7 years 6 days ago by Damir.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
#1368420
- mauro buffa
- Sr. Rocketeer
- Posts: 186
- Thanks: 0
Re: FA icons in RockSprocket

Posted 7 years 6 days ago
- Great! It works.
  If I want to change the icon (I do not asee the icon-name in the css) how to do?
- Last Edit: 7 years 6 days ago by mauro buffa.
#1368421