Increase left margin on main content

  • Resolved RWK77

    (@rwk77)


    9 years, 10 months ago

    I would like to increase the margin on the left side of the main content to fit my design better. I have a line on the left side of the main content that should serve as a margin, see https://www.mobitecture.com

    Can I change this by adding some custom css in the custom css box? I found this solution in another thread but when I tried it it did not seem to have any effect.

    @media (min-width: 992px) {
    .main.col-lg-9 {
    padding-right: 100px;
    }
    }

    Any help on how to achieve the desired result?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey there RWK77,

    You have a really nice site there!

    Please try adding the following CSS code in Appearance >> Theme Options >> Advanced Settings >> Custom CSS:

    .main.col-md-12 {
padding-left: 100px;
}

    This should push the content to the left of the margin you’ve set up.

    Hope this helps ??

    Best regards,
    Bojan

    Thread Starter RWK77

    (@rwk77)

    Thanks Bojan, just what I was looking for! Apart from the page title and the homepage slider, for some reason they don’t shift along with the rest of the content…any ideas?

    Hey,
    You can use css like this:

    @media (min-width: 992px) {
    .main.col-md-12, .sliderclass .flexslider {
    padding-left: 110px;
    }
    .page-header {
    margin-left: 110px;
    }
    }

    That will target all the areas, but something to note is how you want this to work on mobile. The css above will break the padding off for mobile (because loosing 100px isn’t great on a small screen). So you might want to remove the background image for mobile.

    which can be done with this css:

    @media (max-width: 992px) {
.wrap.contentclass {
    background: #fff;
}
}

    Kadence Themes

    >… @media (max-width: 992px) { …

    Or, perhaps @media (max-width: 991px) { … (old habits are hard to break ;))

    Thread Starter RWK77

    (@rwk77)

    Thank guys, this works great!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Increase left margin on main content’ is closed to new replies.