How to get an 80% centered page?

  Sorry if this is a stupid question but I have been banging my head on it for a week, my deadline has come and gone and I am ready to cry with frustration. 

On this forum, you say don't bother us with stupid questions if you don't have skills because we are pro (so I have postponed asking, trying to get my head around it by myself. I started building websites in 1996 and my skills have not progressed much past html4.1 transitional and css3.) and on a tutorial page you say you want to get feedback to make it more user friendly. 

  so this is feedback I guess. 

  All I want is composr in a centered, 80% wide column to match my html page. 

  I downloaded and tested every offered template design, including all the ones that look like they should be a centre column with background showing both sides,  and they all go full screen.

I have deleted and reinstalled Composr 3x trying to get it to give me a centered page.

My background is a large fixed image, no tiling. It was working on an earlier install before I uninstalled and started over, again. 

I have no left column. Did not help. 
I managed to get it to go 80% but it is still nailed to the left side. 

I love Composr, I think it is awesome but I am losing faith that I have skills to get it to look like I want. Everything else, is lovely just as it is, using the cloud template with wizard colours on top, replaced the banner images with my own, named the same. Easy stuff. 

I just can't seem to get it to go into an 80% centered column. 

If I can get it set, then yay I have finally found replacement member management for the cgi script (2007) that broke on one of my oldest sites when ssl.

  I am sure missing the days when a membership management system could be a cgi script and some html pages. 7500 files for Composr... but it does everything, so cool.  

 

Well I throw my 2 cents in…

In the configuration under theme options there is is "Layout: which gives a fixed page with a background option. I think this goes full page and you lose the responsive design attributes…

You will have to edit "Global.css" to state the max size of the layout you want…

If only I could remember where I applied it... LOL

Yes, if only…

I have got it to 80% I just can't get it to center. Adding a margin didn't help.

   #main_website #main_website_inner {
      width: 80%;   
      position: relative;
       margin-left:20%;

There is a theme option called Fixed-width which if enabled will provide the layout seen here on this website. Once enabled you can tweak the CSS to define 80%.

Also, not sure where the idea of no stupid questions came from. I have asked quite a few questions myself where the answer was obvious (just not to me).

Mystress said

I have got it to 80% I just can't get it to center. Adding a margin didn't help.

   #main_website #main_website_inner {
      width: 80%;   
      position: relative;
       margin-left:20%;

From “Post #9,937”, 14th May 2024, 9:24 pm

Hi there, I'm just now getting around to answering your email you sent me last week after seeing one of my Composr videos. Did Adam's advice help?

Looking at your code snippet, it should typically be "margin: auto;" to center everything, not "margin-left: 20%;". (While hard-coding a percentage may work, doing 20% would pin your 80% to the right side instead of centering it, anyway.)