Remove dotted line between blocks in "instructions"

Hi there,

In the Premium version you can change this in the Template Editor.

If you’re using the free version you can add some custom CSS on the Recipes > Settings > Custom Code page. Just make sure to disable the “Force CSS Style” setting on the Recipes > Settings > Recipe Template > Advanced page and use !important flags in your CSS.

Kind regards,
Brecht

Hello,

I also can’t find the position. Neither in the template editor nor in the css. Can you maybe tell us the exact position?

Kind regards

In the Template Editor it’s set as Custom Style for the Recipe Instruction Container block.

There is no CSS file to change but you can add your own CSS to override it:

li.wpurp-recipe-instruction {
    border-bottom: none !important;
}

Brecht

Thank you for your answer.

It’s really weird, but I already tried the css possibility and everything work EXCEPT for the border-bottom (and yes I disabled the forced style). Also there is no custom style in the Template Editor…

I can’t explain it, do you know why?? The lines are just so ugly. ??

Can you give me a link to a recipe on your website? I’ll take a look.

Yes I can: https://test.bento-daisuki.de/recipe/tsukune/

You’ll need to change it in the Template Editor. If you send me an export of the recipe template you’re using to [email protected] I’ll take a look.

Brecht

I used the default recipe template and changed it a bit. I’m sending you the export. Thank you.