After I upgraded my site (www.abmano.dk) to Joomla 3.3.1, the template has suddenly change design. All my custom css codes are not working.

As you can see in the attached before and after file, the link colour, headings, module background colour, module edge colour, top-of-page-arrow have become pink where they used to be blue.

The worst thing is that the menu has also changed! It is now not possible to click on a menu item which has submenus ('hjemmesider', 'hjemmesidetjek' and 'marketing'), and it is not possible to view and click the submenus. Also the original design of the menu is active and not the custom-made one, so now the menu is in two lines instead of one line with the original effects on the menu items.

When I go to the css/custom.css in the template where I have entered all my custom codes, they are the right ones. But obviously they are not accepted.

Do any of you know what has happened? And how do I change it so my custom css is active? Could it be caused by the upgrade to Joomla 3.3.1?

Thanks for your assistance!

Have you also upgraded the T3 framework?

What version do you have installed?

If you updated did you update via the auto update feature?

Cheers
Paul

T3 is also upgraded via Extention Manager. However, it kept telling that I should upgrade it even though I had upgraded it, so I downloaded the newest version and installed it. I have not had any warnings of updates since then.

I run Nebula version 1.4.1.

Hi

Can you download and install the T3 plugin version from the template download page

Cheers
Paul

Thanks.

I have done that several times and have done it again with your link. The submenu problem has now been solved, but the rest is still remaining.

Do you have any other suggestions what might be wrong?

Regards,
Bibbi

Hi

I can see the custom.css file in the source code its

#navwrap.affix {
position: fixed;
}
.new h3:after {
background: none repeat scroll 0 0 #809C9F;
content: "Nyhed";
}
.hot h3:after {
background: none repeat scroll 0 0 #809C9F;
content: "OBS!";
}

.zen-container {
max-width: 960px;
width: 100%;
margin: 0 auto;
padding: 0px 0;
}
article .article-title, #slider .article-title {
padding-left: 20px;
font-size: 2em;
text-shadow: 1px 1px 0 #fff;
line-height: 2em;
margin-top: -30px;
padding-bottom: 3px;
margin-bottom: 0px;
background: #fafafa;
background-color: #fcfcfc;
background-image: -moz-linear-gradient(top,#fafafa,#fff);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#fff));
background-image: -webkit-linear-gradient(top,#fafafa,#fff);
background-image: -o-linear-gradient(top,#fafafa,#fff);
background-image: linear-gradient(to bottom,#fafafa,#fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffffffff', GradientType=0);
border-top: 1px solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-bottom: 2px solid #eaeaea;
}
p {
margin: 0 0 20px;
line-height: 18px;
color: #555;
}
div.primary1, .moduletable.primary1 {
background: #4e83c4;
padding: 10px;
}
.sidebar .moduletable {
position: relative;
padding-bottom: 40px;
margin-bottom: 50px;
border: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.06);
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.06);
box-shadow: inset 0 0 1px rgba(0,0,0,0.06);
padding: 8px 8px;
margin-top: 20px;
float: left;
width: 100%;
}

Is this all the code as there doesn't seem anything to turn the back to top to blue

Now I have tried (almost) everything.

I have installed a backup (which has the correct design) on a development site, and it doesn't have any more custom css than on the present live template.

I have checked the colour codes in ThemeMagic and amended them to the right ones and saved it. But it doesn't show in the front end. Whatever I do in ThemeMagic in the chosen theme does not show in front end.

When I add the Nebula template to a totally new site and make the colour changes, it is all correct. But not on my site. I find it very strange as my site has the newest template version and plugins.

Are you compiling after making changes via theme magic?

Cheers

Yes, both in ThemeMagic and in the template.

Are you seeing any errors when in theme magic?
Either on screen or if you view the console via the Chrome Web developer tools?

With the custom.css are you saying you have lost some code? or is it just not applying?

I have not seen any errors.
I am not familiar with Chrome Web Developer so I do not know how to use it or what to look for.

The custom.css is as it was in the version which worked. Also I have tried to copy/paste the custom css which I have an offline copy of. But it has not changed the situation.

As a test try adding this line to the custom.css file

#navwrap ul.nav > li > a, #navwrap ul.nav > li .separator {padding: 0px 15px !important;}

It should push the navigation on to one line

That worked! Thanks. One down!

Maybe I should insert all ccs changes in the custom css and not ThemeMagic?

The top level menu item (with sub-menus) do still not work as before, and I do not know what code should be inserted or what else to do in order to make it work. Do you have any idea?

I have now done some more testing and can confirm that there is something totally wrong with my template. I have compared my present site with an older backup (on a developement site) where everything worked.

When I go the ThemeMagic on my present site, I cannot se the preview. It looks very different and with no proper css visible.

I have made a new theme where I have copies all values from the old site. When I save, it seems as if the saving procedure stops in the middle of the process. When I choose another theme, I get a dialogue box asking whether I want to save the changes which I accept. Going back to the new theme, I can see that the changes have been made. However, when I go to the front-end, the changes have not taken place.

To me there must be some bug somewhere.....

Now I have installed an old backup where everything is fine. However, both T3 and Nebula are of an old version, and only T3 is on the list on Extensions/Update.

When I update the T3 via Extensions/Update, there is an error in the update. When I download the newste version of T3 (2.3.0) and install it via Extension Manager, it is installed fine - also at the front-end.

When I then download the newest version (1.4.1) of the Nebula template (which is not shown on the update list in Extensions/Update even though I have version 1.4.0 installed), it is installed fine, but then the front-end has all the problems I am fighting with p.t.!

Thus my conclusion is that there must be a bug in the version 1.4.1 of Nebula.

What do you think?

Can you tell me the filename of the T3 version you installed
the file should be called

plg_system_t3-2.3-jb-menu-fix.zip

With the custom styling I see duplication so that makes it hard to work out what you are trying to change e.g

p {line-height: 18px;}

This is a change from the template css

but in the custom file you have

p {
margin: 0 0 20px;
line-height: 18px;
color: #555;
}

Margin and colour are the same as the template.css so don't change anything

looking at

article .article-title, #slider .article-title

the only real change in the custom.css file is the margin-top value everything else looks like the same values as the template.css file

so with this duplication its hard to work out what css is applying

Cheers
Paul