Can add new content blocks but can't edit existing ones

Permalink
I'm modifying a theme for a website using concrete5 and when the updated theme files are uploaded my ability to edit the existing content blocks/area is gone. I can still add new ones, but the old ones get a dark gray background when I click on them, but the edit option does not appear.

I've also found out that when I change my template files to use the old CSS file the content blocks work like normal. It's only when I switch it over to the new CSS file that it doesn't. I've also copied over the CSS that is relevant to the content areas on the website.

Old CSS:
<link href="<?=$this->getThemePath()?>/css/screen_styles.css" rel="stylesheet"/>


New CSS:
<link href="<?=$this->getThemePath()?>/css/flight.css" rel="stylesheet"/>


Is there something specific that needs to be copied over for me to be able to modify the older content blocks? (Below is how they are being pulled in)
<div id="main" class="cf">
         <div id="content-1">
            <?
                 $a = new Area("col-left");
                 $a->display($c);
         ?>
         </div>
         <div id="content-2">
         <?
                 $a = new Area("col-right");
                 $a->display($c);
         ?>
         </div>
            </div><!--main-->


I've also noticed that even though I did not change any of the javascript or jQuery files/code that some of those are not working unless I link to the old CSS as well.

I'm not super familiar with concrete5, but any help would be really appreciated so I can get this site functioning properly again.

 
WebcentricLtd replied on at Permalink Best Answer Reply
hi,
I'd check your new stylesheet for conflicts - particularly anything relating to the areas those blocks are in - z-index, positionung, duplicated style names...
amber887 replied on at Permalink Reply
@AndyJ -

I had a position:relative and a z-index on my main content container. When I removed those everything started working correctly.

Thank you!