Home Forums Arnold WordPress Theme Setting colours (and fonts) for the infographics-module?

This topic contains 9 replies, has 2 voices, and was last updated by  BWSM 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #12954

    blacktip
    Participant

    Where do I adjust the non-filled bar inside the infographics module? If I for example set the value to 5% on the bar-version, the text inside the bar is barely visible.

    #12960

    BWSM
    Keymaster

    Hi,

    Try to change the font color by Custom Css:

    .infrographic.bar .bar-percent {
        color: #666;
    }
    #12963

    blacktip
    Participant

    Nope, that did nothing with the “unfilled” bars. I even tried with adjusting the typo in “.infrographic.bar”

    #12973

    BWSM
    Keymaster

    Please leave your page url with infrographic, thanks.

    #12983

    blacktip
    Participant

    http://norsted.com/about/

    I really would like to have the possibility to change the font weight/size too.

    (and fyi: the notifications of follow-up email in the threads has never worked here on the forum)

    cheers,
    Markus

    #12984

    BWSM
    Keymaster

    Try update the custom css:

     /*font weight/size*/
    .infrographic.bar .bignumber-item,
    .infrographic.bar .bar-percent {
        font-weight: normal; /*or bold*/  font-size: 15px!important; 
    }
     /*font color */
    .infrographic.bar .bar-percent {
        color: #ccc;
    }

    please check if set the notifications mail as spam within your mail box. plz try to set “wordpress@uiueux.com” as white list.

    • This reply was modified 2 months ago by  BWSM.
    #12997

    blacktip
    Participant

    Ok, now the last percentage numbers were changed. But, what I wanted to do was to change the color on the bars (especially the non-filled ones) + change the fint size on the text inside them.

    Btw, I just like to point out that the word “infographics” is misspelled (but as long as the code works, that’s ok I guess 🙂 ).

    #12998

    BWSM
    Keymaster

    The custom css:

    /*the FONT color on the bars*/
    /*the FONT size on the bars*/
    .infrographic.bar .bar-h1 { 
    color: #333; 
    font-size: 10px;
    }
    

    Thanks for reminding, So, what’s the right spelling for “infographics” ?

    #13005

    blacktip
    Participant

    The right spelling is actually “infographics” (in the CSS; you have written “infrographic”, but since that’s in code it doesn’t matter for the functionality I guess).

    Thanks for the CSS-code btw.

    #13006

    BWSM
    Keymaster

    Thank you 🙂

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.