0
Welcome Guest! Login
0 items Join Now

SOLVED Need to add a Dollar Sign to a number in Grid Statistic

Last Post
Search Topic

  • SOLVED Need to add a Dollar Sign to a number in Grid Statistic

    Posted 1 year 3 months ago
    • I'm using Studius in an up to date WordPress install and I'm looking for a good way to add a dollar sign $ before two of the numbers in Grid Statistic Particle.
      I tried using an icon but that shows up after the number. I can move it with CSS but that doesn't travel well. I tried escaping the dollar sign, but that didn't help at all.

      Any suggestions would be sincerely appreciated,
      Mike
    #1451877
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Need to add a Dollar Sign to a number in Grid Statistic

    Posted 1 year 3 months ago
    • Use this code...
      .g-gridstatistic-item:nth-child(3)  .g-gridstatistic-item-wrapper:before{
  content: "$";
  font-family: "montserrat" !important;
  font-size: 2.5rem;
  font-weight: bold;
  position: relative;
  color: #ff0000;
  top: 0.5rem;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    width: 28px;
}

      Note change the "3" to the item in the odometer you want to add the $ 1=first, 2=second, 3=third
      Change color to what you need.

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      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.
    #1451885

  • Re: SOLVED Need to add a Dollar Sign to a number in Grid Statistic

    Posted 1 year 3 months ago
    • Absolutely awesome!
      Thank you - this level of support is why we keep coming back to RocketTheme.
    #1451932

Time to create page: 0.049 seconds