Editing alignment & text color of COUNTERS and QUICK FACTS sections

sujai_chand

Hi,

I have tried including counters/Quick facts section into my website. But the counter ( numbers) / titles of the Quick facts are not visible in my website's white color background. So I wanted to chnage the color of the counter / quick fact text into darker to make it visible. Check out the screen shot and my website for your reference.

Screen Shot: https://docs.google.com/drawings/d/1Jqy-xgqD2eCIkuJIqP9RNTBGq-yaFvsUCnqPy39MXcg/edit?usp=sharing

Website : http://demo.oddcounts.com/c84/index.php/pages/salesforce-quickstart-implementation/

Please let me know a way to tweak the colors and align( L/R/C) of the counter and quick facts ASAP.

I am looking forward to your suggestion at the earliest today. Thanks

sujai_chand

HI little urgent. Could you plz let me know a way to resolve the issue ASAP.

Albert

Hi,

to change all these colors, you need to use the following css:

.dark .counter .desc_wrapper .number { color: #000 !important; }
.counter .desc_wrapper .title { color: #000 !important; }
.quick_fact h3.title { color: #000 !important; }

P.S. There is no need to duplicate questions because it won't speed up anything. For more details about what time we work, please visit http://themeforest.net/user/muffingroup

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sujai_chand

The custom CSS codes are working fine :bz. is there a way I can remove the grid lines over the counters.

BTW, sorry. I thought you guys are in the United States

Albert

To get rid of lines behind the counter, you need to use:

.counter { background-image: none !important; }

BTW We wish to be from United States but we are from the opposite continent

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sujai_chand

Cool.  ">

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next