Full width embedded images

On my website sandeepachetan.com, I am embedding images from another site into my posts. Is there a way to display these images full width? As in, to occupy the entire width of the screen, edge to edge?

Thanks!

Hi @sandeepachetan,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

body.single-post div.wrapper {
    max-width: 100%;
}
body.single-post header#branding {
    max-width: 1018px;
    margin: 15px auto 0;
}

body.single-post footer#footerarea{
	max-width: 1018px;
	margin: 0 auto 10px;
}
body.single-post div#main {
	
padding: 20px 0;
}

body.single-post .entry-content img{
	
width: 100%;
}
body.single-post div.entry-content {
    padding: 1.5% 0;
}

body.single-post .entry-header,
body.single-post .entry-meta-bar,
body.single-post .entry-content > div,
body.single-post .entry-content > h4,
body.single-post #content ul.default-wp-page,
body.single-post #comments{
	max-width: 1018px;
	margin: 0 auto;
}

Best Regards,
Movin