Jamie Gill

Hi Havingfun,

All the site backgrounds are made up of images so you would have to change the images to apply the changes if you want to keep the same effect. For example your slider background is :

background: url("images/slider-bg.png") no-repeat scroll 0 0 transparent;

so slider-bg.png is the background image making both the shades of grey. This should set you on the right tracks to changing the background.

Hi Havingfun,

Ok its just a few amends in the CSS you need to change, replace :

#footer .footer_right ul {
    float: left;
}

with

#footer .footer_right ul {
   float: none;
    clear: both;
    margin: 0 0 0 153px;
}

AND

#footer .footer_right {
    float: right;
    margin-right: 25px;
}

with

#footer .footer_right {
    float: none;
}

I think that should solve it for you

I knew that one was coming hehe ?? change :

#nav-top, #top-bar-right-spanel {
    margin: 0 auto;
}

to

#nav-top, #top-bar-right-spanel {
    border: none;
    margin: 0 auto;
}

Sorry Andrew,

I must have been mid post whilst you were posting that. Dont want to confuse anyone ??

Sorry and

#nav-top ul li a, #nav ul li a {
    background-color: #FFFFFF;
    color: #444444;
}

to

#nav-top ul li a, #nav ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
}

Hi Eande,

It looks as though the nav is taking the style but its your li and li a elements that picking up the borders and white backgrounds

change :

#nav-top ul li {
    border: 1px solid #444444;
}

to

#nav-top ul li {
    border: none;
}

and

#nav-top a.current, #nav-top a.current:visited, #nav-top a.current:hover, #nav-top a.current:active, #nav-top li a:hover, #nav a.current, #nav a.current:visited, #nav a.current:hover, #nav a.current:active, #nav li a:hover {
    background: none repeat scroll 0 0 #555555;
    color: #EEEEEE;
}

to

#nav-top a.current, #nav-top a.current:visited, #nav-top a.current:hover, #nav-top a.current:active, #nav-top li a:hover, #nav a.current, #nav a.current:visited, #nav a.current:hover, #nav a.current:active, #nav li a:hover {
    background: none;
    color: #000;
}

Hope this helps guys

is there a link to the site and a description of exactly what your trying too achieve and i will take a look for you

No problemo, glad it helped

It looks as though the links are left-justified, it maybe a list issue in the .ul li style picking up padding/margin to the left of the item. However it looks fine in Firefox and Chrome so you may also have to create an IE specific style sheet to add this CSS change so it doesnt alter the change on other broswers.

No problemo glad it helped
J

Ok simply replace :-

.home #breadcrumbs {
    margin-bottom: 30px;
}

with

.home #breadcrumbs {
    display: none;
}

I think that should solve the issue for you.

Cheers
J

Hi there,

As Mukesh said just add a z-index to the parent div. For your site simply replace :-

.main-navigation {
    background: none repeat scroll 0 0 #548FCA;
    border-bottom: 1px solid #CC0000;
    display: block;
    float: left;
    margin: 0 auto;
    opacity: 0.9;
    position: fixed;
    width: 100%;
}

.main-navigation {
    background: none repeat scroll 0 0 #548FCA;
    border-bottom: 1px solid #CC0000;
    display: block;
    float: left;
    margin: 0 auto;
    opacity: 0.9;
    position: fixed;
    width: 100%;
    z-index: 1;
}

as you will see I simply added z-index: 1; to the css for the div.

Hope this helps
J

Is it just from the front page you want to remove the breadcrumb? Do you have a link to the site and I can supply you with what you need.

No problemo glad it helped

Hi Meem,

The navigation effect is been been triggered in your script.js you would need to edit this :-

// Drop down menus
$j(".main-navigation ul li ul, .secondary-navigation ul li ul").parent().addClass("arrow");
$j(".main-navigation ul li, .secondary-navigation ul li").hover(function(){
$j(this).addClass("hover");
$j(this).find("ul:first").slideToggle("fast");
}, function(){
$j(this).removeClass("hover");
$j(this).find("ul:first").hide("slow");
});
});

The .hide(“slow”) is what is possibly causing the issue if its changed to .hide() it would probably fix your problem