[eppiemcm]

Marcy, thank you so much, you pointed me in exactly the right direction and thankfully all working now. Apologies for delayed response, these emails must get caught in the spam - I thought it hadn't been answered.

[eppiemcm]

Hi Vic,

In the css, you can change

.site-header > .wrap {
 max-width: 1280px;
}

to

.site-header > .wrap {
 max-width:100%
}

Haven't tested this on all devices but works for desktop/laptop.

[eppiemcm]

Hi there, I found this article after much searching. I hope it will help:
https://journalxtra.com/wordpress/snippets/use-wordpress-featured-image-post-page-background-picture/

This makes your "Featured Image" image the full width background image. You would need to also add some styling in your CSS to make this display as you want it to.

At end of functions.php in Altitude Pro:

---

add_action( 'wp_head', 'vr_set_featured_background', 99);
function vr_set_featured_background() {
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(1600), false );
if ($image_url[0]) {
?>
<style>

html,body {
height:100%;
margin:0!important;
}
body {
background-color:#ef3340;
background:url(<?php echo $image_url[0]; ?>) #000 left top no-repeat;
background-size: 100% ;
}
/* Uncomment if the image hangs low in a Genesis theme */
/*.site-inner {
padding-top:0!important;
padding-bottom:0!important;
}*/
</style>
<?php
}
}

[eppiemcm]

Hi Andras,

You would go into style-front.css (Studiopress themes tend to have a standard style.css for the main theme/site and then a special additional css file for the front page) and amend the code mentioned above where is says:
border-bottom: 1px solid #000;
Change this to something like:
border-bottom: 0px solid #000;
In the new version of Genesis, you can actually amend this code directly in Customiser so as it doesn't interfere with your core files. I think this is now the preferred/recommended method.
Hope this helps.

[Author]

Posts