Page with Zero Margins & Padding

  • BostonDan

    (@bostondan)


    13 years ago

    Hi,
    I’m trying to create my pages with zero margins/padding using the CyberChimps iFeaturePro5 theme. I’ve created and activated the following child theme but it doesn’t affect my pages at all.

    /*
    Theme Name: iFeature Pro Child Theme
    Theme URI: http://cyberchimps.com/
    Description: Child Theme for iFeature Pro
    Author: CyberChimps
    Author URI: http://cyberchimps.com
    Template: ifeaturepro5
    Version: 0.1
    */
    @import url(“../ifeaturepro5/style.css”);
    body {
    padding: 0 2em;
    }
    #page {
    margin: 2em auto;
    max-width: 980px;
    }

    Can anyone offer some insight as to how I can achieve zero margins/padding for my pages? In advance, thanks for your replies and suggestions – BostonDan.

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    13 years ago

    We’d need to see a live site to help with CSS. You may also need to ask CyberChimps for help with a commercial theme.

    Thread Starter BostonDan

    (@bostondan)

    13 years ago

    Hi WPyogi, Thanks for responding. My site is http://www.techvm.com/wptest2.
    Thanks much – Dan

    WPyogi

    (@wpyogi)

    13 years ago

    The first code IS working – though the 2em is creating padding on the sides of your site.

    The second one is not working because there is no id of “page” in your site. (CSS is theme and site specific so you can’t use CSS you find someplace else.)

    Are you familiar with how CSS works? This is a good reference site:
    http://www.w3schools.com/css/default.asp

    The best tool for working with CSS – is Firebug – it will show you the CSS for any element on a page…

    All that said, changing the layout of a “responsive” site is not simple, so you really may need to consult with CyberChimps about this question.

    robbiegod

    (@robbiegod)

    13 years ago

    something like this might work:

    body, html {
    margin:0px;
    padding:0px;
    }

    That will zero the margin and padding on the page.

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

The topic ‘Page with Zero Margins & Padding’ is closed to new replies.