Food Recipe Post Content Design

Posted in: Newspaper
Post count: 22
cpndgn
#295354
May 16, 2019 at 12:19 pm

Hi,

I wonder how I can edit big numbers or arrows for recipe directions,

and how can I write bordered text as in the preperation time in the demo page.

I couldn’t find any option in classic and Tinymce editor for that.

I mean the parts in this ss;

https://prnt.sc/npa38t

Best Regards

Post count: 20688
Simion C.
#295404
May 16, 2019 at 3:22 pm

Hi,

The top structure of those recipe posts is created just for demo purposes. A related topic here – https://forum.tagdiv.com/topic/food-blog/
You could use the same as in the demo, but maybe it would be easier and faster to use a dedicated recipe plugin.

The lost below it is an arrow list in the demo post
– https://demo.tagdiv.com/newspaper/lists/ an arrow list can be created from an ordered or ordered list – http://prntscr.com/npcv1a
The size of the arrows could be changed but not by a setting. Try a code like this in the theme panel custom CSS section – http://prntscr.com/npcwko (modify the size as needed)

.td-post-content .td-arrow-list li:before {
font-size: 10px;
}

The big numbers are dropcaps – http://prntscr.com/npcx3u it depends on what you want to modify about them. They could be done with some CSS as well
– https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.