Change side bar width

Hey there,

Please post a link to your site. Thanks!

https://stilvijewellery.com/catalog/olive/

Ok here is the gallery ,i want the sidebar width smaller and the thubnails larger

I try this code

@media (min-width: 1200px) {
  .container {
   width: 1400px;
  }

.sidebar {
margin-left: 10%;
margin-right: 10%;
float: right;
	width: 310px !important;
}

The results is here
https://stilvijewellery.com/catalog/katalogos-test/?preview_id=305&preview_nonce=955303ae20&preview=true

I like that the thumpnails is larger in this version but still i want the content allign to center ….
I dont have any ideas or css knowledge

Hi there, please try this
[code]
@media (min-width: 1200px) {
.container {
width: 1400px;
}
#content .container >.col-md-4 {
margin-left: 10%;
margin-right: 10%;
float: right;
width: 310px !important;
}
}
[/code]

Let me know if this helps

It work somehow but not with the result ithat i want..
Thanks for the interrest
I put the link again

https://stilvijewellery.com/catalog/katalogos-test/

I want only the left part not the side bar to change.
I want the gallery thumbnails in the center of the container.The sidebar stay as it

Hi there, please try this

@media (min-width: 1200px) {
    .page-id-305 .col-md-4 {
        width: 30%;
    }
    .page-id-305 .col-md-8 {
        width: 70%;
    }
    .page-id-305 .entry {
        margin-left: 45px;
    }
}

I suggest you rethink your css though.