default horiz. alignment of Main block

Permalink
Using v5.4.1.1, theme template is "sapphire"
After making both GUI changes and some code changes (css files, others) I noticed on all pages, when editing, that all of the Main blocks are slightly off to the right from all of the other blocks (header, nav, footer) - I'd guess about 10-20 pixels or so. How can I fix that? If I accidently did it myself, where in the code do I correct it?

thanks!

 
Stiny replied on at Permalink Reply
Stiny
Did you ever figure this out? I've noticed that sometimes it can get messed up under the "Design" tab in edit mode. Try that out and see if there are any numbers sitting there under margin and padding.
sager replied on at Permalink Reply
No, never did find the cause. It's possible I changed the css in code and failed to make a note of it, need to check on that. I'm not too pleased tho with the way the concrete templates set up GUI "design" tabs that don't work because they depend on site-wide css/html code that's not GUI.
Stiny replied on at Permalink Reply
Stiny
Yeah, the Design tab function isn't very intuitive, I'll agree with you on that one. Say, if any of you Concrete people come across this... I think it would be pretty cool if the Design tab changed the CSS file itself, so that you had all your CSS changes in one place. Or, alternatively, make a second CSS file called "design.css" so that we know where those changes were made, and we don't have to go on a treasure hunt to find it. :)

Sager, do you think you could upload your CSS file so I could take a look? And is your site live? It would help to see that too.
sager replied on at Permalink Reply 1 Attachment
The site is live at peaceart.sageandspruce.net
The attached file (I assume you want main.css) has had some of the #header and #nav statements edited, but I don't think I altered any of the #content statements.

Another possibly related issue is that I'm unable to get the right images on the About page to not be cut off on the right side. I'm finding it very difficult to get text blocks and images and line up correctly using the GUI dialogs.

Thanks,
~Bob
Stiny replied on at Permalink Reply
Stiny
Found it. Inside main.css, there is a "margin-left: 20px;" style there under the div #content. Take that out, and it should be all good. :)
sager replied on at Permalink Reply
that was it, thanks. (forgot to comment my change)

question: I also had 20px for #content-left - which element is that?
Stiny replied on at Permalink Reply
Stiny
I believe that is for if you have a left-side vertical nav bar. Right now that set of CSS is not being used on your site.