• Hello, I’m kind of new to word press and alittle stuck. I am trying to create a Static page. The problem is I cannot get rid of the white content area. I have been editing the original theme instead of uploading a child theme (I’ve been having trouble with that also) and have adjusted the search bar width/length in the stylesheet to get a colored header look. Technically it isn’t the header, it’s more of the margin. It looks like this:

    /* =Logo : Search Form
    ————————————————————– */

    #logo #searchform {
    position: absolute;
    top: 0%;
    right: 0;

    margin-top: -95px;
    }

    #logo #searchform label {
    display: none;
    }

    #logo #searchform #searchsubmit {
    display: none;
    }

    #logo #searchform #s {
    width: 1px;

    background: #39c1cd url(http://i43.tinypic.com/29ekuc5.png) no-repeat 100px center;
    border: 1px solid #EEEEEE;
    border-width: 0 0 0px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #777;
    font-size: 0.9em;
    font-weight: 200;
    padding: 4px;
    padding-left: 2000px;
    -webkit-transition: all 0.275s ease-in-out;
    -moz-transition: all 0.275s ease-in-out;
    -o-transition: all 0.275s ease-in-out;
    -ms-transition: all 0.275s ease-in-out;
    transition: all 0.275s ease-in-out;
    }

    #logo #searchform #s:focus {
    width: 180px;

    }

    And I also edited this:

    /* This is the main page frame */

    #page-container {
    width: 100%;

    background: #none;
    border: 0px solid #cbc9c7;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0px 0px rgba(0,0,0,0.1), inset 0 0 0px rgba(0,0,0,0.1125);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 70px 0 35px 0;
    padding: .25% 4.5%;
    }

    /* =Logo

    I couldn’t find anything to change the color so I basically stretched it. Now I want to add a static page too, but keep the colored header. I’m stuck right now. I really need a code for the colored margin and a code to put somewhere. Thought about trying to add a DIV and just cover it completely, but there has to be an easier way.

    Here is a screenshot:

    Here is a link to my current page: http://risachan.org.previewdns.com/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘[ Origami theme] Nav in center page/change margin color’ is closed to new replies.