Remove margins on WordPress theme

I’m using WordPress and I currently have installed Tesseract theme on my site: (http:// instantiwebs . com)

I would like to remove left/right margins on everything, like this site did it: http://tyler.com/. It is using also the same theme.

Read More

I’ve looked through the CSS style and can’t seem to find the right section to edit. The stylesheet is located here: http://alexardavin.com/instantiwebs.com/wp-content/themes/Tesseract/style.css

Help would be really appreciated, thanks!

Related posts

3 comments

  1. Just add this code to the bottom of the stylesheet, it should work for you.

    EDIT: Make sure you have the !important statements.

    #site-banner {
        max-width: 100%!important;
        padding-left: 20px;
        padding-right: 20px;
    }
    #footer-banner {
      max-width: 100%;
      padding: 0 20px;
    }
    #site-banner-right {
        right: 20px!important;;
    }
    
  2. Use the free plugin WordPress My Custom CSS.

    It is light, and for small CSS edits you don’t change the theme source code.
    It prevents your edits to be overrided when you update.

  3. body .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
    

    try above code

Comments are closed.