Hello Lucas,
Thanks for writing in!
1.) To moved the single post titles on top of the featured image, you will need two things:
a.) please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL Javascript
(function($){
$('.single-post .entry-header').insertBefore( $('.single-post .entry-featured .entry-thumb') );
})(jQuery);
b.) please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS
.single-post .entry-featured .entry-header {
position: absolute;
top: 50%;
left: 5%;
width: 90%;
z-index: 100;
}
.single-post .entry-featured .entry-title,
.single-post .entry-featured .p-meta,
.single-post .entry-featured .p-meta a {
color: #fff;
}
.single-post .entry-featured .p-meta a:hover {
color: #888;
}
2.) What you are trying to accomplish requires a template customization, we would highly to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
After the child theme is set up, please add the following code in your child theme’s functions.php file
// Change View Post to Read More
// =============================================================================
add_filter('gettext', 'translate_text' );
function translate_text($translated) {
$translated = str_ireplace('View Post', 'Read more', $translated);
return $translated;
}
// =============================================================================
Hope this helps. Please let us know how it goes.