Hello @bablingua,
Thanks for writing to us.
Query 1
You can use this custom CSS code to display only the date on the post meta. To display a custom field before the date on the blog page or category page or single post page it would require custom development. I would suggest you contact a developer who can assist you with your concern or you can avail of our services called One where customization questions are answered.
article.post.type-post .p-meta>span:nth-child(2):after {
content: '' !important;
}
article.post.type-post .p-meta>span:nth-child(2) {
display: block;
}
article.post.type-post .p-meta>span {
display: none;
}
Or you can upgrade your X theme to a Pro theme where you will get a Layout builder. By the help of the Layout builder you can create a blog layout, archive layout, and single post layout page. On the Layout builder, you can easily call the dynamic content code to pull the custom field value.
2nd Query
You can use the ACF Pro bunded plugin to create a custom meta box for the post, since you are using Looper you can pull its data by using dynamic content code.
The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you can subscribe to One to get further assistance.
Hope it helps.
Thanks