how to add age of celebrity in biography site in newspaper post page

Hi,

So you want to make a post for each celebrity and add these elements -> https://i.imgur.com/nzvutVj.png you can use a list -> https://i.imgur.com/heep7ov.png and you can add some icons as for menu https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thank you!

Hi,

You can try a different way, but since our theme do not have an option/element for this you need to make it custom, for example in post use a html element -> https://i.imgur.com/2TF2FeX.png
<div class="show-star-data">
<div class="title-data">BIRTHDAY</div>
<div class="info-data">February 18, 2005</div>
</div>
and in theme panel> custom code> custom css set this code ->
.show-star-data{
background-color: #F9F9F9;
width: 300px;
border-bottom: 1px solid #ddd;
padding: 12px 24px;
}
.show-star-data .title-data, .show-star-data .show-star-data{
font-family: sans-serif;
font-size: 10px;
color: #666;
margin-bottom: 0;
text-transform: uppercase;
}
.show-star-data .show-star-data{
font-size: 16px;
line-height: 24px;
}
The results would be -> https://i.imgur.com/uQcQ9SU.png

Thank you!

Hi,

So in order to insert icons you need to use the Font Awesome plugin, you can check our documentation from here -> https://forum.tagdiv.com/how-to-add-icons-in-menu/
Here is an example -> https://i.imgur.com/qwOrW8B.png and here is the results -> https://i.imgur.com/97e8OHn.png
You need to replace the above css with this one ->
.show-star-data{
background-color: #F9F9F9;
width: 300px;
border-bottom: 1px solid #ddd;
padding: 12px 24px;
}
.show-star-data .title-data, .show-star-data .info-data{
font-family: sans-serif;
font-size: 10px;
color: #666;
margin-bottom: 0;
text-transform: uppercase;
padding-left: 44px;
}
.show-star-data .info-data{
font-size: 16px;
line-height: 24px;
}
.show-star-data .fas{
float: left;
margin: 12px
}

This should do the trick.
How this will help.
Thanks.

Hi,

If there is anything else that I can do for you just let me know.

Thank you!

Hi,

If you are using the mobile theme plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se

Since Newspaper v9.7.4 you can show the responsive version on mobile theme -> http://prntscr.com/oh6r2s you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/ or if you want to have the responsive version only, you can use the amp option from mobile theme -> https://i.imgur.com/n7fEXCy.png (to use the mobile theme template on amp) or you can disable the plugin.

Thank you!

Hi,

Sorry, I forget to say, if the css is not apply on amp version or the whole content is not displaying, if is only the css that is not apply, then please set the css in this place too -> https://i.imgur.com/GNCR3hB.png

Hope this will help you better!
Thank you!