single column and a specific width different from the default

  • Txiqui7

    #7083

    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?

    Mod

    Kenneth John Odle

    #36891

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

    Txiqui7

    #36892

    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?

    Txiqui7

    #36893

    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;
    }
    Mod

    Kenneth John Odle

    #36894

    #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.

    Txiqui7

    #36895

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

    Txiqui7

    #36896

    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?

    Admin

    Syahir Hakim

    #36897

    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.

    Txiqui7

    #36898

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

    Admin

    Syahir Hakim

    #36899

    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: http://blog.kjodle.net/2011/10/02/using-firebug-to-tweak-your-blog/

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

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