Dear people,

I don't know why but the Choose sidebar positions option to standart layout doesn't work. I'm trying to change the layout from left sidebars to right sidebars but I can't. I try to do the same in tablet layout and seems the same problem.

Is this a bug or a mistake with my installation? I'm using Drupal 7.10 without additional modules.

Thank you

Comments

Jeff Burnz’s picture

Priority: Major » Normal

Not a bug, probably something wrong with your install - the most common problem is the files directory not being writeable - this theme saves the layout stylesheet to the server - so the permissions of the files directory need to allow Drupal to do that.

JoeIsuzu’s picture

I'm having the same issue. I have verified that all directories are writable. I'm sure this is related--it also ignores "page width" and "max width" settings when specified for this theme.

I'm not having these issues with the "AT Subtheme". Everything seems to works fine there.

Jack

JoeIsuzu’s picture

Here's more info on this weirdness. Since the Adaptive Subtheme was working properly, I took the last 10 lines of the /sites/default/files/at_css/adaptivetheme_subtheme.responsive.layout.css:

/* Standard layout three-col-right */
@media only screen and (min-width:800px) {
.two-sidebars .content-inner {margin-right: 40%; margin-left: 0;}
.sidebar-first .content-inner {margin-right: 20%; margin-left: 0;}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0;}
.region-sidebar-first {width: 20%; margin-left: -40%;}
.region-sidebar-second {width: 20%; margin-left: -20%; clear: none;}
.sidebar-first .region-sidebar-first {width: 20%; margin-left: -20%;}
.container {width: 98%; max-width: 1200px;}
}

and used it to replace the last 10 lines of corolla.responsive.layout.css. Then the sidebars are positioned EXACTLY like I want. However, if I go back into the Theme Settings for Corolla, the new settings don't appear (of course not, they have not been written to the database). If I modify them to match what's in the css file, it STILL overwrites the last 10 lines of corolla.responsive.layout.css with:

/* Standard layout three-col-right */
@media only screen and (min-width:400 px) {
.two-sidebars .content-inner {margin-right: 60%; margin-left: 0;}
.sidebar-first .content-inner {margin-right: 40%; margin-left: 0;}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0;}
.region-sidebar-first {width: 40%; margin-left: -60%;}
.region-sidebar-second {width: 20%; margin-left: -20%; clear: none;}
.sidebar-first .region-sidebar-first {width: 40%; margin-left: -40%;}
.container {width: 80%; max-width: 800px;}
}

Where are these settings coming from?

Thanks.
Jack

Jeff Burnz’s picture

Can I see your site please?

Those settings are coming from your database, because they are not the defaults and can only come from the database, the theme grabs values from the database the prints them into that layout css file. Do any other theme settings work? I think there is some issue with your installation.

One test might be to disable the theme, then go into the database and delete all entires for Corolla in the variables table (the only way to truly un-install a theme is manually deleting rows from the variables table). Then install it again and start over - I had to do this many times when developing each of these subthemes when I ran into problems with theme settings not updating.

JoeIsuzu’s picture

Yes, I assumed they came from the database, but I can't tell how they got there. I'm sure this is an installation problem, so I'll try cleaning it out and re-installing. I'm very comfortable with the MySQL command-line interface. So the table is "variables"? I'll take another look at this after work.

Thanks.
Jack

JoeIsuzu’s picture

Beautiful! That worked!

Thanks.
Jack

Jeff Burnz’s picture

Status: Active » Fixed

Awesome!

Status: Fixed » Closed (fixed)

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

mrcniceguy’s picture

i copied all the Css files as shown in #3
Created a another css files in the corrolla directory i named it overide.css, then pasted the code... i then used !important to override everything i need in different screen sizes))