Numeric Calculation extra space

  • Hi Rowland,

    When using the attribute data-after::%, this puts a space between the number and the % symbol. So instead of saying 56% it shows as 56 %.

    Is there a way to remove this space between the number and the % symbol please?

    Thank you, Russell

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author xnau webdesign

    (@xnau)

    Yes, no problem, if you inspect the HTML, you’ll see the data-after content is contained in a tag. You can use CSS to adjust it’s position relative to the field’s numeric value.

    The plugin has the CSS rule

    .pdb-postcontent {
  margin-left: 3px;
}

    which you can override with your own setting.

    Thread Starter in-business

    (@in-business)

    Thank you – I’ve added this as a CSS rule to my theme, but for some reason it’s not working.

    I’ve entered:

    .pdb-postcontent {
    margin-left: 0px;
    }

    The same gap is still there for some reason.

    Any ideas before I go to someone on Fiverr please, thank you.

    Plugin Author xnau webdesign

    (@xnau)

    First you should chaeck to make sure your rule is getting loaded on the page.

    If it is getting loaded, this means that your rule is not overriding the existing rule. There are several ways to get it to do that, the simplest is to add “!important” to the rule and it will force the override.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Numeric Calculation extra space’ is closed to new replies.