single column and a specific width different from the default

Graphene Theme Forum » Graphene Wordpress theme » Support

single column and a specific width different from the default

(12 posts) (4 voices)

Started 2 months ago by Txiqui7
Latest reply from Prasanna SP
This topic is closed
This topic is not resolved

Skip to the latest post | RSS feed for this topic

12 Next »

Txiqui7
Member

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?

Posted 2 months ago #
Kenneth John Odle
Moderator

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

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 2 months ago #
Txiqui7
Member

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?

Posted 2 months ago #

Txiqui7
Member

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

Posted 2 months ago #

Kenneth John Odle
Moderator
#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.

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.
Posted 2 months ago #
Txiqui7
Member

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

Posted 2 months ago #
Txiqui7
Member

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 665x198, but when i upload it as a header image, the template, try to scale it. How can i resolve it?

Posted 2 months ago #
Syahir Hakim
Developer

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.

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!

Posted 2 months ago #
Txiqui7
Member

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

Posted 2 months ago #
Syahir Hakim
Developer

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/

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!

Posted 2 months ago #

12 Next »

Topic Closed

This topic has been closed to new replies.