Hello,
How do I get the box into the post from your food blog demo, where the time for the reciept and so on is standing in, it is on top of the post.
Thank you
Hi,
That design is created only for demo purposes, it is made only from HTML and some CSS to style it. Like this
– https://www.screencast.com/t/QNMgIvpuHL
– https://www.screencast.com/t/qJAMeQa6
It would be considered impractical to use this if you are going to create multiple recipe posts. Better try a recipe plugin, it would be easier maybe.
Anyway this is the HTML used in the demo posts, if it would be useful to you
<div class="td-recipe-time">
<div class="td-recipe-info">Prepare time: 20 min</div>
<div class="td-recipe-info">Cook: 2 hr 30 min</div>
<div class="td-recipe-info">Ready in: 2 hr 50 min</div>
<div class="clearfix"></div>
</div>
And the CSS that must be entered in Theme panel->Custom CSS section
.td-recipe-time {
width: 100%;
border: 1px solid #ededed;
padding: 11px 16px;
margin-bottom: 26px;
}
.td-recipe-time .td-recipe-info {
float: left;
width: 33.3333%;
}
@media (max-width: 1018px) {
.td-recipe-time .td-recipe-info {
width: 100%;
}}
Thanks
