Hi Palila-Studio,
There are two ways to address your issues, First is Theme Customization but Theme Customization is outside our theme support and Second, with the help of a little bit of jQuery and CSS, we can fix your issues.
On Theme Customization you need to follow the recommendation below.
1.) You need to follow the Best Practices in coding style
2.) Use a Child Theme
3.) You also need some knowledge about Theme Customization, here is a similar thread for you.
On theJQuery and CSS:
Go to X > Theme Option then JS:
Add this JQuery Code:
jQuery( document ).ready(function( $ ) {
$(".single-post .p-meta span")
.contents()
.filter(function () {
return this.nodeType === 3 && this.nodeValue.trim() !== "";
}).wrap("<span class='post-meta-wrap' ></span>");
$('.single-post .p-meta span.post-meta-wrap:nth-child(1)').text('en');
});
Go to X > Theme Option then CSS:
Add this CSS Code:
.single-post .p-meta span:nth-child(1) {
display: inline-block !important;
}
.single-post .p-meta span:nth-child(5) {
display: none;
}
"Please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer."
Thank you.