2

[Kenneth John Odle]

Kenneth John Odle

#38289

Add this:

.two-columns .homepage_pane {

width: 146% !important;

}

.homepage_pane {

background: none repeat scroll 0 0 #FFFFFF;

margin-right: -300px;

}

Negative margin does the trick!

You have to be careful that the homepage panes don’t interfere with the sidebar widget, by keeping the size of the sidebar widget to a minimum, or adding more text to your static home page to push the homepage panes down farther if your ‘Recent Posts’ widget becomes too long. (You could probably adjust this with JavaScript, by the way.)

[Anonymous]

Anonymous

#38290

Quote:

Add this:

.two-columns .homepage_pane {

width: 146% !important;

}

.homepage_pane {

background: none repeat scroll 0 0 #FFFFFF;

margin-right: -300px;

}

Negative margin does the trick!

You have to be careful that the homepage panes don’t interfere with the sidebar widget, by keeping the size of the sidebar widget to a minimum, or adding more text to your static home page to push the homepage panes down farther if your ‘Recent Posts’ widget becomes too long. (You could probably adjust this with JavaScript, by the way.)

THANK YOU sooo much. Yes, it worked. May I ask, you did manage to test this with my site? Is this a feature I don’t know in firebug?

I think what ever the program you use, it is a great learning tool.

[Anonymous]

Anonymous

#38291

I am going to experiment this summer (I mean now) like you did here. I am impressed!

[Kenneth John Odle]

Kenneth John Odle

#38292

Quote:

May I ask, you did manage to test this with my site? Is this a feature I don’t know in firebug?

Yeah, it is, actually. You can actually change the css (and the html, for that matter) in Firebug, and it makes those changes on the fly. Of course, only you see it, because it’s only making changes on the client side and not on the server side, but it makes tweaking things ever so easy. It’s a trick I learned from Josh:

Using Mozilla Firebug to inspect .css files

Try it! It’s fun (and enlightening).