Options

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

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

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

Answered! View the answer I have this problem too

Is this a good question?

Yes No

Score 0

Add a comment

Posted: Jan 30, 2017

Options

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?

Yes No

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)

Jan 30, 2017 by Filip Goc

Add a comment

Site Themes And Customization

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

Problem in Detail:

Any ideas? Was the font classes implementation changed?

1 Answer

Add your answer