How to extend static page to full length

It looks like you took out the sidebar, which is why you have all that empty space to the right. Learn to use a web debugging tool like Firebug (a free extension for Firefox) or Chrome Developer Tools, which comes built-in with Chrome. Then inspect your page to see what elements need to be adjusted. I don’t know if the theme you are using supports custom CSS, but if so, then add the CSS that you need to extend the width of your elements. If your theme does not support custom CSS, you can use a plugin to add in your own CSS.

For example, if you were to examine your site, you’ll see that the section class should have its width changed from 60% to 90%. The tricky part is going to be changing the width of the slider/carousel.

Yes. I took out the sidebar because I didnt want it on my static page and wanted to be able to stretch my post width. And my theme does allow custom css im just not very familar with css code. Ive tried several things I have seen on the forum but nothing seems to work

OK, so in your custom CSS, try adding this rule:

.home .section {
   width: 90%;
}

This will widen the section DIV on just your home page.

Thank you so much!!!! You dont know how much you are a life saver. I do have one more question? If you take a look at my home page do you a possible explanation as to why the slider get cut off when I try to stretch it out? Do you think its because of the post border beneath it? And if so how would I remove it. Sorry for all the questions

I’ll have to take a look at it later, leaving for home.

Thank you!

Just tried accessing the site, and got an Under Construction page.

Okay its off now!!

So I see your slider is visible, again. Is it a plugin that creates the slider or does it come as part of the theme? Aren’t there options that can be set for the slider width?

Its visible only if I dont extend it across the page which is what I want to do. And I use the themify builder plugin for slider!

How were you trying to extend it? It looks like the slider and the slides are set to a width of 681px. Is there no options page for the slider? You may have to post a question on the Themify support forum; because it’s a commercial plugin, I can’t install it to see how it works.

Okay I appreciate you trying to help me ill post in themify support. One more question how doni get a blocknof color around my widgets instead of color around them seperatly

Are you referring to the three widgets at the bottom, underneath the slider? Unfortunately Themify doesn’t make it very easy to target that section, but try adding this CSS to your custom CSS:

#themify_builder_content-104 .themify_builder_row:nth-child(2) {
	background-color: rgba(200, 200, 200, .7);
	padding: 20px;
	height: auto;
}

The value for the background-color property function, rgba, are Red, Green, Blue, and Opacity. For the three colors, the possible values run from 0 through 255. If you want black, it would be 0, 0, 0. If you want white, it would be 255, 255, 255. Right now, I’ve coded a light gray. For Opacity, a value of 0 is completely transparent, a value of 1 is completely opaque. You can use this tool to figure out what values you want.

The padding property adds some spacing around the widgets.

They give me a custom css box under the widget. Should I put the code there? I put it into my custom css but donot see a change

Try taking out the leading tab character, it seems to be interfering for some reason:

#themify_builder_content-104 .themify_builder_row:nth-child(2) {
background-color: rgba(200, 200, 200, .7);
padding: 20px;
height: auto;
}