Numbered instructions are double numbered

Hi there,

This is probably a theme related issue. Would it be possible to give me a link to a recipe where you’re having this problem?

Brecht

Brecht,

Yes (sorry for the long delay). https://www.vicki-ems-recipes.org/?recipe=grandpa-stew. I’m using a theme called Food-Diet, v1.0.6 by CodePeople. It’s a derivative of Twenty-Twelve. I’ve made a child theme from it, but I have made no changes to the files.

There’s only one instruction on this one, but you can see it’s numbered twice like this: 1. 1. Then the instruction text begins on the next line.

Vicki

Hi,

You can solve the issue commenting, or removing, the snippet of code:

.entry-content ol li:before ,
.comment-content ol li:before ,
.entry-content li ol li:before ,
.comment-content li ol li:before {
content: counter(li) “. “;
counter-increment: li;
color: rgb(239, 77, 60);
font-weight: bolder;
}

From the file: “https://www.vicki-ems-recipes.org/wp-content/themes/food-and-diet/style.css”

Kind regards.

Thanks for helping out, codepeople.

If you don’t want to remove the css from the theme file (this will probably influence other parts as well) you could also add the following custom CSS on the Recipes > Settings > Custom Code page:

.wpurp-container ol li:before { content: none; }

I actually suggest this code, which will remove the red characters as well:

.wpurp-container li:before { content: none !important; }

Kind regards,
Brecht