
Firstly, you need to move up Featured Image at the top of title both in Category page and Single page. To do that add below code in your function.php file
// Register a custom image size for Singular Featured images
add_image_size( 'singular-featured-thumb', 800, 250, true );
add_action( 'genesis_before_entry', 'sk_display_featured_image' );
function sk_display_featured_image() {
if ( ! is_singular( array( 'post', 'page' ) ) ) {
return;
}
if ( ! has_post_thumbnail() ) {
return;
}
// Display featured image above content
echo '<div class="singular-featured-image">';
genesis_image( array( 'size' => 'singular-featured-large' ) );
echo '</div>';
}
Add below CSS line in your style.css file.
Change .category-uncategorized to the Category you want to apply the modification. 'uncategorized' is the slug for your Category.
.category-uncategorized .entry-content, .category-uncategorized .entry-header {
padding:0 30px;
} .category-uncategorized .entry-footer {
padding:0 30px 10px 30px;
} .attachment-large , .post-image, .size-singular-featured-large {
padding-bottom: 30px; padding-left:-20px;
}
/* Small Devices, Tablets &amp;amp;amp;amp;amp;amp; Phone */
@media only screen and (max-width : 768px){
.category-uncategorized .entry-content, .category-uncategorized .entry-header {
padding: 0px;
} .category-uncategorized .entry-footer {
padding: 0px; }
.attachment-large , .post-image, .size-singular-featured-large {
padding-bottom: 30px;
}
}