CSS Example from Codex (Increase font-size) Not Working

Problem in Detail:

There here is an example of Custom CSS cut and pasted from Custom CSS

/*Increases size of text within steps*/
.stepLines {
font-size: 130%;
}

Trouble: It does not work for me. Text remains at 14px no matter what.

One thing I noticed, the code on the site seems to have class step-lines and not stepLines

Block Image

however,

/*Increases size 'of' text within steps*/
.step-lines {
font-size: 130%;
}

does not work either.

Adding !important did not make a difference. (I know, lazy, but in testing...)

Any ideas? Was the font classes implementation changed?

Answered! View the answer I have this problem too

Is this a good question?

Score 0
Add a comment

1 Answer

Chosen Solution

Hi, Filip!

Thank you for your question. You are correct, you must use the class .step-lines instead of .stepLines. Then, instead of changing the percentage, try changing the px size. For example:

.step-lines p {
font-size: 20px
}

This should do the trick! I've updated the documentaiton accordingly. Depending on how large you want the font to be, you might have to adjust the line height, as well.

Was this answer helpful?

Score 1

Comments:

True that. Pixels work, strangely enough. Thanks! PS: indeed, the line height shall be increased as well (with a slew of other related cascading tweaks)

by

Add a comment

Add your answer

Filip Goc will be eternally grateful.