Increase centerbox width

Sorry, posted with digital stop and received no responce

I want to increase the centerbox width, it seems to be too small, truncated or aligned left.

https://www.americanpridefasteners.com

Thank you

It looks like you've turned off the left sidebox column, so the center content moves to the left.

Try adding this to your stylesheet:

#navColumnCenter {margin-left:7em;}

I want to increase the centerbox width, it seems to be too small, truncated or aligned left
Or you can increase its' width in your stylesheet.css file

Find and adjust as desired

#mainWrapper {
	background-color: #ffffff;
	margin:0 auto;
	width: 960px;
	}

Thank you, I have tried both these methods, the first made no change, the second adjusts the with of the template.
I need the CENTERBOX width changed.

My suggestion works fine for me on your site in Web Developer when I add it to the bottom of stylesheet.css.

the second adjusts the with of the template.
I need the CENTERBOX width changed.
There is no direct setting for the "center box"

This is contained within the mainwrapper div and is the result what it is set to minus the left & or right column width

So if you increase the mainwrapper width the center benefits from the additional px and becomes wider

You can add:

#navColumnCenter{width:80%;margin-left:15px;}

to the bottom of your stylesheet.css.

Also, your background looks strange. I would recommend taking out the :

 no-repeat  top left #000 

from the body selector.

Thanks,

Anne

Thank you!

Gonna ask a stupid question, I cant get an image behind the text in the centerbox. As a back ground.

Any thoughts?

What element are you applying the background-image to in your stylesheet?

Sorry I dont understand your question.

You want an image to be a background. How exactly are you trying to make that happen? It shouldn't be difficult at all, just one line in the stylesheet.

center_bg.jpg

I should just reference this then put image in images folder?

Yes, in very general terms. You didn't say exactly what you tried. Be sure to put template images like this in /includes/templates/your_template/images/.

Use it like
.xxxx {
background-image: url(../images/center_bg.jpg);
}

I have it ready, where on the css page do I put it and what do I call the .xxxx?

.xxxx {
background-image: url(../images/center_bg.jpg);
}

Thanks for all your help

That depends on the element you want the background for.

It's usually safe to put added style rules at the bottom of your stylesheet. They may also work correctly when put near or integrated with existing related rules.

You might try
#indexCategoriesMainContent {}

I am placing it on the template css page yes?

#indexCategoriesMainContent {background-image: url(../images/center_bg.jpg);
}

This does not work at the bottom of the page

You have a stray } near the bottom of your stylesheet. CSS is picky about errors, and will ignore anything after such a thing.```
#indexCategoriesMainContent {background-image: url(../images/center_bg.jpg);
}
#navColumnCenter{width:80%;margin-left:15px;}
}

.xxxx {
background-image: url(../images/center_bg.jpg);
}