Edit "Countdown" font and colors

lnesrala

Hi,

I am looking to edit the fonts and colors for the COUNTDOWN shortcode. Initially, I had tried the following CSS with no progress.

/* Counter */
.counter { background: #fff; padding: 20px; border: 1px solid #e1e1e1; }
.counter .desc_wrapper .number-wrapper { color: #000 !important; font-family: Raleway; font-size: 44px; font-weight: 500; line-height: 44px; }

Here are the link to the page and an example of the shortcode:

http://www.gocabe.org/?page_id=4449&preview=true

Bryan

Ok, tell me what exactly do you want to change here.
I see that the raleway font is enabled for this item.

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

lnesrala

I wanted to set another font and adjust the color of the text below each set of numbers. I tried to set the font on the CSS abve, but it did not change anything. Am I doing this in the correct area?

Bryan

But the font for that is already raleway so it will not change anything.

.quick_fact .number-wrapper {
	color: black !important;
}

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

lnesrala

I know its Raleway—I want to use another font.

Bryan

Hi,

you can only use the fonts that are available in theme options>fonts

Choose a font and then you can use custom css to use it on this item.

thanks

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