How to get the full width option on Rumput Hijau

Hello,

You should create a page, then in the Page Attributes choose Fullwidth Page

I did that yesterday. Once I did that I had followup questions, but they were deleted for being a “duplicate” of this question. I don’t know why, they weren’t the same question, but anyway…

1. I would like to use Rumput Hijau with a wider main column. Can the default layout (2 column) be modified in width? If so, how? I have gone through style.css and see nothing to indicate the width (which I think is 940 px but I am not sure) in pixels. The width measurements in style.css are in percentages (71.429% for main content, 22.449% for sidebar) — is that the only thing that can be changed?

2. If I cannot get a width I like on the default layout, I would like to use the full page layout without a sidebar. I can create a separate page that is full width, but I cannot figure out how to make the MAIN page full width. How do I do this?

Thank you.

Sorry for the delay

If you are not sure to change the width, please do not change anything. You can try the secondary layout (one-column) with more smaller width. TO do this, you should go to Appearance > Rumput Hijau Theme Options

Open the layout settings, then you’ll see the layout option there.

For you second question, when you done creating a page with full width attributes. Go to Settings > Reading, then see the “Front page displays” option, check the “A static page (select below) ” after that choose “Front page” to your Custom page

My preference is to have a sidebar, so I do want to make changes. I’m not sure why you’re telling me I shouldn’t.

What I would like to know is if the entire blog (main column and sidebar) can be widened? As of now, I have changed the percentages of the widths to make the main column 600 px wide with the sidebar narrow. That’s okay, but I would like to widen them both, which is why I wanted to know how to increase width on the original one-sidebar layout.

It looks like I might be able to do this if I could make the column on the left smaller. I don’t know what this column is, but it has this info in it:

April 7, 2012
admin
Permalink
Leave a comment

Is that area adjustable? I cannot find it in the style.css

This is the webpage I’m working on, if you want to see what I’m talking about:

https://marieprevostonline.com/

Thanks.

From the theme information, it looks like there are many options you can set/change re: the page widths — which is by far the best way to go unless you know what you are doing with CSS or are prepared to spend a fair amount of time messing with it.

That said, yes, the width of pretty much any section can be changed in the CSS file. Are you using Firebug to identify which CSS code to change?

But if you are making custom changes, make sure you are using a child theme.

The section on the left you mentioned earlier is this:
<div class="content-left">

and the relevant CSS code is this:

#main-content .content-left {
    display: inline;
    float: left;
    margin-right: 2.857%;
    width: 20%;
}

.content-left {
    color: #999999;
    font-size: 0.846em;
    line-height: 2.182em;
}

Oh yes, I have a child theme that I’m editing, and a backup of the unedited theme in case something goes wrong.

You’re right that the theme description makes it sound like there are all sorts of variants in width you can choose from since it says “flexible width,” but I cannot find them at all. I found the place to choose either the one-sidebar or the full-width options, but otherwise nothing. I’d LOVE to use options instead of fussing with the css, but I just CANNOT find those options anywhere.

Do you have any idea where I should look? I’ve been through everything under Appearance in the Dashboard and have found everything BUT how to change the “flexible width.”

Thanks for identifying the code for the item on the left! I haven’t grabbed Firebug yet, only because I was hoping to not have to fiddle with the code at all.

It’s been about a week and no answer, so I thought (for the sake of anyone looking for info later on and coming across this thread) that I would post a brief update.

The documentation says that the width is flexible, but if it is, I have no idea how to achieve it other than changing those percentages in the css.

Adjusting the width of the content on the left does not open up space for the main column to take.

To make the main column bigger, you have to adjust the percentages of both the main column and the right sidebar, and doing so makes the right sidebar so narrow it’s basically useless.

Hello,

Sorry about the delay, have you try the one-column layout ?

No problem!

I did try the one column and it works fine, but I decided I really wanted a sidebar. Rumput Hijau is really nice but not quite wide enough in the two column size for me.

Ok, lets move to email. Send me an email with your login access also the specific width for the content.

Thanks