Looking to change the sidebar IMAGE/CONTENT width – Divi

Hi there!

I am currently trying to change the sidebar content width on my wordpress site running a divi theme.

I have the following code in a CSS editor and it’s working to adjust the actual sidebar, but the banners (W-336 H-280) we are trying to put in the widget/sidebar keeps showing up as the same size no matter how big I increase the sidebar to. Trying to avoid having to regenerate thumbnails because when I did it last time it changed the way the e-comm portion of the site looked.

/*Change Post, Project & Archive Page Sidebars*/
.container::before { display:none; }
.single-project div#left-area {width: 600px;}
.single-project div#sidebar {width: 400px;}
.single-post div#left-area {width: 600px;}
.single-post div#sidebar {width: 400px;}
.archive div#left-area {width: 600px;}
.archive div#sidebar {width: 400px;}
.search div#left-area {width: 600px;}
.search div#sidebar {width: 400px;}

/* LAPTOP - IPAD LANDSCAPE (981-1100) */
@media only screen
and ( min-width: 981px )
and ( max-width: 1100px ) {
.single-project div#left-area {width: 630px;}
.single-project div#sidebar {width: 240px;}
.single-post div#left-area {width: 630px;}
.single-post div#sidebar {width: 240px;}
.archive div#left-area {width: 630px;}
.archive div#sidebar {width: 240px;}
.search div#left-area {width: 630px;}
.search div#sidebar {width: 240px;}}

/* TABLETS - IPAD PORTRAIT (768-980) */
@media only screen and (max-width : 980px) {
.single-project div#left-area {width: 700px;}
.single-project div#sidebar {width: 700px;}
.single-post div#left-area {width: 700px;}
.single-post div#sidebar {width: 700px;}
.archive div#left-area {width: 700px;}
.archive div#sidebar {width: 700px;}
.search div#left-area {width: 700px;}
.search div#sidebar {width: 700px;}}

/* MINI TABLETS - IPHONE LANDSCAPE (480-767) */
@media only screen and ( max-width: 767px ) {
.single-project div#left-area {width: 400px;}
.single-project div#sidebar {width: 270px;}
.single-post div#left-area {width: 400px;}
.single-post div#sidebar {width: 270px;}
.archive div#left-area {width: 400px;}
.archive div#sidebar {width: 270px;}
.search div#left-area {width: 400px;}
.search div#sidebar {width: 270px;}}

/* CELL PHONES - IPHONE PORTRAIT */
@media only screen and ( max-width: 479px ) {
.single-post div#left-area {width: 280px;}
.single-project div#left-area {width: 280px;}
.single-project div#sidebar {width: 280px;}
.single-post div#sidebar {width: 280px;}
.archive div#left-area {width: 280px;}
.archive div#sidebar {width: 280px;}
.search div#left-area {width: 280px;}
.search div#sidebar {width: 280px;}}

#container {
max-width: inherit;
}

I’ve granted support access if you’d like to take a look.

This is a page with an example of the current state of the sidebar.