css for theme online marketer

You’ll need to post a link to your site if you want help with something like this. Or try using Firebug to see what CSS to change.

I tried everything that i could think of that makes sense. sometimes, I just don’t understand how these people use css. why would anybody design a theme and create this lopsided space that is almost 2/3 the actual width of the site. doesn’t make much sense to me. the link to the site is:
https://xhibitswebdesign.com/techno/
thank you for your help.

Are you referring to the space under the search bar and translator box? Looks like it is set up to have a sidebar — so you can add other content there.

The site is coded to adjust to the width of the browser window — so on smaller screens there is not a lot of extra space beyond the above. On a big screen, yes, there is more extra space.

It’s not that simple to change the layout of a theme like this — as various pieces fit together and if you change one, there usually will be other problems.

You might consider finding another theme that has the basic layout that you want.

thanks. I’m not referring to a sidebar but rather the empty area right of the content area (including the sidebar). I think this is dumb. if you have to create a self adjusting theme, at least center it.

I’m with WPyogi, I’m not understanding what your looking at. Can you upload and show us a picture of what your talking about?

I did a screenshot of what I’m talking about. you can see it here:
https://xhibitswebdesign.com/techno/techno.jpg
there’s too much scrolling to an empty space. I like the window to be limited to just the page. when I look at the css, I’d think that by adjusting the container, everything will be alright, no! take a look:
#container, .wrap {
width: 100%;*
margin: 30px auto;
padding: 0;
max-width: 1060px; /* remove or edit to adjust width */
min-width: 1060px; /* remove or edit to adjust width */
background:#20384C;
background-image:url(library/images/bg-page.jpg);
background-repeat:no-repeat;
background-position:center top;
}

I don’t see any max-width in the actual CSS code. When I added it to this, the site seemed to be okay:

#container, .wrap {
    background: none no-repeat scroll center top #20384C;
    max-width: 1060px;
    padding: 0;
}

But like I already said, why are you using a theme that is poorly designed and coded?

the only reason is that I invested so much time customizing it to client’s desires and project’s due soon. it’s only now that I’m realizing it. if it’s simpler to fix this than start from scratch, I’d rather give it a go. but I understand what you’re saying though. next time, I’ll check for discrepancies before I start. thanks.

Ah, okay, well I understand that, but if it’s poorly coded it may continue to give you (or worse, your client) grief!

Did you try setting a max width?

I set the max width. I copied it and pasted it on the code. no success. I’m gonna consider the alternative. thanks.

I’m talking to the theme developer, he’s telling me that I’m using the default template and there is a full width template for static pages. he agreed to take a look at my page. I’ll keep you posted. many thanks.

In your CSS on the #container div add this:
margin: 0 auto 0 auto; It will automatically put it in the center of the screen.