Skip to content
Public Ticket #426

two columns in recipe

Conversation thread

PenciDesign replied

Staff Reply

Hi,

1/ To make 2 columns on INGREDIENTS, please add more this code to Customize > Custom CSS:

\
@media only screen and (min-width: 768px){\
.penci-recipe-ingredients ul:before, .penci-recipe-ingredients ul:after { content: ''; clear: both; display: table; }\
.penci-recipe-ingredients ul li{ float: left; width: 50%; display: inline-block; }\
}

2/ To make 2 columns on INSTRUCTIONS, you can use Columns shortcode to do that. Check this image.

Make sure you activated plugin Penci Shortcodes.

Best Regards,

PenciDesign

hoffgaards started the conversation

Conversation Start

Hello! 
I was wondering if it was possible to make two columns in the recipe under the ingredients list and the instructions list?

Want to join this conversation or access attachments? Sign in first.