Changing margins on pages

  • MaryPat

    (@marypat)


    9 years, 2 months ago

    I am using the free Virtue theme and want to widen page margins. Looking through this forum, I was able to change my front page by addressing main.col-lg-9 and kad-sidebar, but I want to add extra padding on the other pages too and cannot find the names of the parts I need to change.

    I do have Firebug but as coding gets more complex, I find it impossible to get to the specific info I need. So, advice on how to add more padding on each page on my site would be appreciated.

    Any general advice on how to find names of items is also welcome.

    My website is: http://www.risingmoonastrology.com/

    The code that successfully modified the first page is:
    @media (min-width: 992px){
    .kad-sidebar {
    padding-right: 40px;
    padding-left: 20px;
    }
    .main.col-lg-9 {
    padding-right: 60px;
    padding-left: 60px;

    }
    }

    Thank you!

    • This topic was modified 9 years, 2 months ago by MaryPat.
    • This topic was modified 9 years, 2 months ago by MaryPat.
    • This topic was modified 9 years, 2 months ago by MaryPat.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Piani

    (@webbmasterpianise)

    9 years, 2 months ago

    I use this to control the margins on all pages:

    
@media (min-width: 992px) {
#content {padding-left: 50px; padding-right: 50px;}
}

    (Change the “50 px” to whatever you want.)

    Thread Starter MaryPat

    (@marypat)

    9 years, 1 month ago

    Thank you, Piani, that does exactly what I wanted.

    Now I am seeing that the page headers are too far to the left, in line with where the body text used to be. Can I also move the header margins?

    http://www.risingmoonastrology.com/

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

The topic ‘Changing margins on pages’ is closed to new replies.