0
Welcome Guest! Login
0 items Join Now

FA icons in RockSprocket

  • FA icons in RockSprocket

    Posted 6 years 4 months 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: 6 years 4 months ago by mauro buffa.
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
  • Re: FA icons in RockSprocket

    Posted 6 years 4 months 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?
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
  • Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
    • Thankyou. We are working around a Nuance RT template.
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
  • Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
    • Hi Damir, you have credentials. Thanks.
    • Last Edit: 6 years 4 months ago by mauro buffa.
  • Re: FA icons in RockSprocket

    Posted 6 years 4 months ago
    • Hi Damir,
      any idea to solve the fa-fa-in-RS-label problem?
      Best
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: FA icons in RockSprocket

    Posted 6 years 4 months 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: 6 years 4 months ago by Damir.
    • Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
  • Re: FA icons in RockSprocket

    Posted 6 years 4 months 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: 6 years 4 months ago by mauro buffa.

Time to create page: 0.061 seconds