single column and a specific width different from the default

  • Txiqui7


    Hi guys

    Is it possible to create a page with a single column and a specific width different from the default? is there any html code to do it?


    Kenneth John Odle


    You can select “single column” when you create the page.You will need custom CSS to control the width.



    Yes, i know that i can select a single column, but the question is what´s the html code to resize it at the css?



    I´ve try with this code but it does no work

    .page-id-1759 #wrap {padding: 0 20px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-left: 2px solid #414141;
    border-top: 2px solid #414141;
    border-bottom: 2px solid #414141;
    border-right: 2px solid #414141;
    background-color: #FFFFFF;

    Kenneth John Odle


    #wrap is not a Graphene ID.

    You need to try this:

    .page-id-1759 #container {
    width: 1200px;

    You will also need to adjust this:

    .page-id-1759 #content-main {
    width: 800px;

    Are you sure you meant 500px? That’s really narrow.



    Great!. It works perfectly, thanks. And yes, you’re right it was too small. I left at 640



    Now i have a new issue with this. I´ve made the new page with a container size of 665 px. Then, i made a new header of 665×198, but when i upload it as a header image, the template, try to scale it. How can i resolve it?


    Syahir Hakim


    You cannot, since the header will be used on the other pages which have wider container width as well, therefore it needs to be as large as the container width set in Graphene Options.

    Easiest would be to just set your own header image using CSS for that particular page.



    ok, great! and what´s the graphene id code to do that?


    Syahir Hakim


    Try using Firebug add-on for Firefox to figure out what’s the class or ID of elements you’d like to change. Or just press F12 on Firefox or Chrome. See the tutorial by Ken here:

Viewing 10 posts - 1 through 10 (of 12 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.