Layout problems

I am not css expert. Can you breakdown the placement?

Is "region-content a" a class or what I actually place in the global.css? And/or how do I add margins to the content region inside and outside the boxes.I am barely coming to grips with this.

btw there was a strayed curly brace that was causing the box to drop out so I got that fixed.

Thanks much

Hi drdave17, never add paddings or margins to the #zone itself or a region or the layout will break. As you have done, do it on the region-inner. I've always found it best to use padding to squash things in from the outer edge inwards.

Sam.

Hi,

For example, a zone called 'header' with region called 'header-first' inside, set via the Omega theme settings.

The 'inner' class is added automatically to all your regions and depends on what your regions are called. So this way you can add padding to any region, just add it to '.REGION-NAME-inner' rather than on '.REGION-NAME'.

Hope this helps.

Sam.

Hi drdave17,

I'll try to elaborate a little more on what Sam was getting at. If you look at the following code that is taken from the menu zone, there is a #region-menu id followed by the .region-menu-inner class.

This is the typical way regions are wrapped in Omega allowing you to add padding or margins without breaking your layout as Sam mentioned. If you applied the margins or padding to the left or right on the zone itself, your regions wouldn't fit the grid properly.

You can also specify additional zone and wrapper classes in the Omega theme settings under "Zone and region configuration."

Hope this helps.

Thanks Sam and the rest of you. I appreciate it.

I think I am digging in too deep and maybe just too quickly. I may have a more serious problem than just trying to get the regions right.

So many questions it is really so confusing. I changed the weight order of post script zone but then again that affects the entire site globally. I did this since I needed four blocks on the top of a certain page. I would imagine that is bad for SEO though.

Then I still have not yet figured out how to create a second page where zone/content, etc is not affected by the previous page I already setup. I am sure that the answer is in the manual somewhere.

I've already done an awful lot of reading on Omega but I am still confused in many areas.

Right now I am mainly interested in constructing a very basic layout of my pages with added css functions, different dimensions and colors, etc for the different regions and so on. I know what I visualize in my head but I can't seem to get it actually going.

Currently, I am still only using global.css but I am sure that this can't be the only solution since there are other css levels.

Didn't mean to get off on another subject altogether folks but I don't see a need for continuing with my site unless I can develop a strong base.

So I guess my question now is, where would be a good place to start reading to learn the above stuff? Even if I have to start over the website,

Thanks again
Dave

I agree with Drew. Delta + Context will do exactly what you want in regard to different layouts for different pages.

http://drupal.org/project/delta

If you haven't installed the Delta module, do so and read up on the specifics of how to use it with the Context module.

Good luck and let us know how it goes!

Sure, you could do that. I haven't used the core block management since I discovered Context and how powerful it truly can be.

As far as deleting your global.css, you could just rename it to something like global.css.old or something similar and just add a new, blank global.css to work with. I guess it depends on how much you've already done with your subtheme.

Another option would be to just create a fresh subtheme of Omega and work with that. I don't know if deleting your content types, etc is necessary since we've been discussing layout for the most part.

aod

Keeping all this good info in mind I think I am going to start over from scratch. Reason is, I ended up with a problem using the Gallery Formatter. The arrows broke and no matter what I do I can't get them back even after adding them back in Style dropdown. I think Colorbox might have been the culprit because after installing it is when I noticed them gone.

Then there is now an error on the home page that just won't go away. After deleting the content type for the slideshow is when the error showed up.

Notice: Undefined index: slideshow in _exclude_node_title() (line 191 etc.

Unless I can fix those I might just start over.

Can't remember from where but I had uploaded a starter global.css that contained all the colored in zones and regions and I got pretty doggone far. I'll keep it as a reference.

II'll keep all your advise in mind. It's a learning process and you guys have been great.

Thanks so much for all the help