Supreme Directory: How to change the container with?

Hello guys,

1 thing I tried to change was the width of the container. I installed the Divi Builder Plugin and it takes its coolness from being able to add full with elements like sliders, headers etc. I could make it work in the preview by changing the width:

@media (min-width: 992px)
.container, .geodir-common, .geodir-breadcrumb, .geodir_full_page section.widget, .geodir_preview_section, .geodir-common, .geodir-breadcrumb, .geodir_full_page .widget, .geodir_preview_section {
width: 100%;
padding: 0 !important;
}

In the preview it works like you can see in the screenshot, but when I add it to GD > Design > Scripts > “Custom style css code” nothing happens, means the banner is still not 100% and the padding settings won`t work neither.

What should I do?