HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Upgrading from 7.1.5

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#96862 (In Topic #19222)
Avatar

Fan in action

The simple website I setup a couple of years has been running fine, but we are getting ready to do some improvements.  It has been a couple of years since I did anything to the structure of the site, so I figured I'd jump right in by copying the current site to a test rig and do a upgrade to the latest and greatest: v7.1.5 to v9.0.6.  I haven't been keeping up on all the 'new and improved', so I would like any info on the highlights of that big of a jump.  I also found my fairly simple fixed-width theme for the 7.1.5 version, doesn't look so good in 9.0.6.  I noticed there was a theme upgrader in the upgrader process, but it said something like, there is no theme upgrader for this theme.  Is there a easy way to 'upgrade' my current theme, or should I just imitate the old-school theme in the new-school environment?  I believe I just followed some of the very useful tutorials to get my original theme, but would like to know if any of the tutorials have been upgraded to v9, or what is different between themeing in v7 and in v9.

It has been a long enough time since I last visited this project and several brain cells have changed state from 'I can do that' to 'huh?', so any advice on getting me back on track would be greatfully appreciated.

Back to the top
 
Posted
Rating:
#96864
Avatar

Community saint

It will be similar to a major "Life-Change", Andy. But it isn't insurmountable!

There is a wealth of information in these forums about how things went 'south' during the upgrade, as it is a major departure from how 'fings used to be', and you can find information about what the prospective users (including myself) had to do before they got back on an even keel.

I am still using (and producing) fixed-width themes, so that isn't a major problem. But the CSS has been overhauled considerably, and several templates have been amalgamated (HEADER and FOOTER spring to mind), so the best approach is to do a 'clone' of your site, try out the upgrade, establish where things have gone 'pear shaped', fix them on the clone and port all the good stuff to your live site!

Start with temp's How to clone your ocPortal site - ocPortal.com and you won't go far wrong … !!

Good luck, and shout in here if you hit a brick wall.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#96865
Avatar

Fan in action

I cloned the site and did an upgrade from 7.1.5 to 9.0.6.  The new site didn't keep the fix-width and the side-bar is displayed full-width as well as the middle content.  Is there a tutorial to get me in the right direction to fix the width and to use a full-width header image?
Back to the top
 
Posted
Rating:
#96866
Avatar

Community saint

I feel as if I am behind the curve here. Your last sentence has thrown me somewhat. Are you suggesting you want a FULL-width header on a fixed-width site?

A link to the cloned site might be helpful to try and get an eyeball of the current display …

 :lol:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#96867
Avatar

Fan in action

Sorry for the confusing writing, but what I'm trying to get is a fixed-width site with a 'header' image across the top that is the same width as the fixed-width.  

The original site I'm trying to upgrade is at:
www.conejoschamber.org

Back to the top
 
Posted
Rating:
#96868
Avatar

Community saint

Andy Velasquez said

I cloned the site and did an upgrade from 7.1.5 to 9.0.6.  The new site didn't keep the fix-width and the side-bar is displayed full-width as well as the middle content.

A peek at this (cloned - broken) site would help, even if it is closed. It would give me a chance to have a squint at the page source and allow me to 'alter' things using the dev tool of the browser.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#96869
Avatar

Fan in action

The broke theme is at   adobebusinesssolutions.com/cccocApps/ocp  It's currently closed, but you can get at it with your handle as user and same but with a zero suffix for pw.
Back to the top
 
Posted
Rating:
#96870
Avatar

Fan in action

The current state of the broken sample is that I copied the default theme and got the custom content and structure roughed in.  The main thing I'm trying to figure out (in my spare time) is getting it fixed-width and what the ultimate idea is to have the old-school header across the fixed-width top, and the 'default' menu between the header and site menu across the top.  I would like this 'default' menu lit up only for administrators.  Sorry, but I forgot the correct name for this 'default' menu.  Its the one that is currently next to the current logo (not the final one).  Very basic and old-school, but we are a simple folk down here in Conejos County, Colorado.

I really appreciate the prompt response!
Back to the top
 
Posted
Rating:
#96871
Avatar

Fan in action

I tried adding the following code, like I think I figured out back in the days of old, in the attempt to get the site into fixed-width mode.  Is there a different way to do it now-a-days?

Code



#main_website {




    background: url('{$IMG;,page_t}');
    width: 100%;
    height: 100%;
    position: relative;

}

#main_website #body_inner {
   width: 950px;
   position: relative;
   margin: 0 auto 0 auto;

}

{+START,IF,{$NOT,{$MOBILE}}}
    #main_website {
        background-color: #e3eaf6 !important;

       
        background: url('{$IMG;,page_t}');
    }
    #main_website #body_inner {
        width: 950px;
        position: relative;
        margin: 0 auto 0 auto;
        border-left: 0px solid #8ba4ca;
        border-right: 0px solid #8ba4ca;
        border-bottom: 1px solid #8ba4ca;
        -webkit-box-shadow: 0 0 30px #6b81a1;
        -moz-box-shadow: 0 0 30px #6b81a1;
        box-shadow: 0 0 30px #6b81a1;
    }
{+END}
Back to the top
 
Posted
Item has a rating of 5 (Liked by Jean)  
Rating:
#96872
Avatar

Community saint

Can't see that you're doing anything wrong there, Andy.

HOWEVER

When I interrogate your site with Chrome's dev tool, I see that the 100% call for the width is showing up in the #main_website property, but not #main_website_inner. I think you'll find that your CSS showing #body_inner is deprecated and needs to be #main_website #main_website_inner as I have shown.

Go back and edit again, making sure you are calling the right width in the right place, and it should revert back to the way it used to be (as shown in the attachment) …



Hope that helps.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#96873
Avatar

Fan in action

That helps a LOT!  What your clues led me to is that old-code apparently used the reference #body_inner and the new-code uses #main_website_inner .  At least that is what I changed in 2 places.  The code below is a fixed version of the code I added to the earlier version's end of global.css.

Code


#main_website {

    background: url('{$IMG;,page_t}');
    width: 100%;
    height: 100%;
    position: relative;

}

/*  change name of #body_inner to #main_website_inner
#main_website #main_website_inner {
   width: 950px;
   position: relative;
   margin: 0 auto 0 auto;

}

{+START,IF,{$NOT,{$MOBILE}}}
    #main_website {
        background-color: #e3eaf6 !important;

       
        background: url('{$IMG;,page_t}');
    }

/*  change name of #body_inner to #main_website_inner
    #main_website #main_website_inner {
        width: 950px;
        position: relative;
        margin: 0 auto 0 auto;
        border-left: 0px solid #8ba4ca;
        border-right: 0px solid #8ba4ca;
        border-bottom: 1px solid #8ba4ca;
        -webkit-box-shadow: 0 0 30px #6b81a1;
        -moz-box-shadow: 0 0 30px #6b81a1;
        box-shadow: 0 0 30px #6b81a1;
    }
{+END}


Thanks for getting me back on track!
Back to the top
 
Posted
Rating:
#96874
Avatar

Community saint

 :thumbs:




P.S. Only just seen the points gifted. Thanks Andy.

 :$


Last edit: by Fletch

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: