Setting colours (and fonts) for the infographics-module?

[blacktip]

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.

[SeaTheme]

Hi,

Try to change the font color by Custom Css:

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

[blacktip]

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

[SeaTheme]

Please leave your page url with infrographic, thanks.

[blacktip]

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

[SeaTheme]

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.

[blacktip]

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 🙂 ).

[SeaTheme]

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” ?

[blacktip]

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.

[SeaTheme]

Thank you 🙂

[Author]

Posts