I've create a sub-theme with a fixed width and everything is fine except in the Blocks Administration. I really don't want to have to switch templates to variable for the administrator (as it will confused some of our content editors) so is there a way to fix the margins problem? (See the screenshot... the left side is pushed in, causing the links on the side to overlap.)

I tried looking at the source code in the browser and thru the style sheets but don't get why its fine everywhere except here. Any simple fix? Thanks!

CommentFileSizeAuthor
#4 Picture 3.png59.56 KBpeteratomic
Picture 1.png132.73 KBpeteratomic

Comments

peteratomic’s picture

peteratomic commented

tried switching the template to garland for the purpose of editing blocks, but OF COURSE it uses Garland for everything BUT the blocks admin screen. Anyone have any ideas how I can fix this layout and actually get some work done on this site?

peteratomic’s picture

peteratomic commented
Status: Active » Fixed

FIXED IT!

Found that if I moved:

if ($left):

Up ABOVE content DIV then it cleared up the problem! Some conflict with CSS I'm guessing...

peteratomic’s picture

peteratomic commented
Status: Fixed » Active

BUMMER... changed the right margin and its blown the Blocks admin all screwy again. Should this be fixed in the Blocks module CSS? Dazed and confused...

peteratomic’s picture

peteratomic commented
StatusFileSize
new Picture 3.png59.56 KB

found the culprit... problems with the #content styles... though I have no solution. Don't understand why the entire site functions fine with my customized stylesheets, but the blocks admin is all jacked up. For some reason it conflicts with something built into the blocks template -- don't know what... :(

vijaythummar’s picture

vijaythummar commented

this problem is CSS problem. you have to give negative margin to your content are rather then left section. you can find that solution from garland theme. If you are making clone of garland theme then use css of "#squeeze" to make it properly.

Regards,
Vijay

peteratomic’s picture

peteratomic commented

I believe I DO have negative margin's...

#content,
.no-sidebars #content
{
float: left;
width: 850px;
margin-left: 0;
margin-right: -850px; /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.sidebar-left #content
{
width: 620px;
margin-left: 200px; /* The width of #sidebar-left. */
margin-right: -850px; /* Negative value of #content's width + left margin. */
padding-right: 10px;
}

#sidebar-left
{
float: left;
width: 200px;
margin-left: 10px;
margin-right: -190px; /* Negative value of #sidebar-left's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

I tried deleting the first style above -- while it fixed the blocks admin layout, it broke the site. The problem seems to be that the blocks page doesn't see the sidebar left style at all. Or something else that I can't see as I'm totally confused by these stylesheets... it doesn't make sense to me why there's two totally different #content ids... and why it works everywhere on the site except for blocks admin. I can't believe I am the only one having problems using blocks and a fixed width zen template???

peteratomic’s picture

peteratomic commented

finally broke down and turned off ALL of the left-side navigation and content on the blocks section... the only way to edit with this template.

xstevex’s picture

xstevex commented

I know this is a little late but couldn't you just target this problem page with your stylesheet with the body class (.page-admin-build-block).

That's why I use zen for all these handy body classes.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Component: Miscellaneous » Code
Status: Active » Fixed

@peteratomic, the values you are using in the CSS snippet you provided in #6 above are off.

In .sidebar-left #content, you changed the DO NOT CHANGE padding: 0. Set it back to 0 and you can add the padding to .sidebar-left #content-inner instead. And the margin-right is wrong: -1 * (620 + 200) = -820 and not -850.

Also, in #sidebar-left, margin-right is wrong: -1 * (200 + 10) = -210 and not -190.

I highly recommend you re-check your math on the other divs in your layout.css as well.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.