Change width of white container

  • Dobbydoo

    (@dobbydoo)


    10 years ago

    I wish to increase the size of the white container, I tried this:
    .container {
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
    }

    But the container simply moves to the left and stays with the same size. The top looks as I want but not the right and left margins. Can you help me please?

Viewing 1 replies (of 1 total)

  • Hey there Dobbydoo,

    How are you doing today?

    You can increase the width of the content container with some custom CSS. Since the theme has its own custom CSS tab which is located in Appearance >> Theme Options >> Styling Options >> Custom CSS you can try adding the following code there:

    @media screen and (min-width: 1350px) {
.container_24.container {
width: 1240px;
}
}

    Note that this is the original width of the container (1240px) and to increase it you’ll have to increase the value to what ever suits your needs. I’ve used media query here so the changes will only affect width of the container on the resolutions higher then 1350px. Take into consideration that if you want to increase the width of the container to more then 1350px you should increase the minimum width of the media query as well so the whole content can be displayed on that resolution.

    If this doesn’t work could you please post link to your site and make sure that the code is added so I can take a look.

    Hope this makes sense ??

    Best regards,
    Bojan

Viewing 1 replies (of 1 total)
  • The topic ‘Change width of white container’ is closed to new replies.