Shape 5

Joomla Templates => Cyan - Club => : knakonec November 16, 2013, 11:17:12 AM



: changing appearance of header bar
: knakonec November 16, 2013, 11:17:12 AM
I need to change the appearance of the top bar to accommodate my client's logo color scheme - but I want to retain the "dark" look of the nav menu.

I was able to figure out which images I needed to edit in order to accomplish most of that change (see screen shot here - http://sdrv.ms/1aJXdwx - also attached as PNG) - but I can't seem to get non-active menu buttons to appear with a completely dark background. Only bottom half the line of nav text is "dark" - the top half seems to be transparent with the "light" background showing through.

Can anybody suggest which image or piece(s) of CSS would need to be edited to accomplish what I'm looking for?


: Re: changing appearance of header bar
: mikenicoll November 17, 2013, 02:03:54 PM
Hello,

Please post a URL.

-Mike


: Re: changing appearance of header bar
: knakonec November 19, 2013, 02:55:33 PM
www dot greyowl dot com/index.php

(I would post the URL, but the last time I posted it here, the back-end started getting hack attempts that it never saw before)


: Re: changing appearance of header bar
: mikenicoll November 19, 2013, 07:17:08 PM
Hello,

Try removing the z-index here:

template.css - line 497

#s5_header_area1 {
    background: url("../images/s5_lightgrytopbar_noshadow.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    display: block;
    height: 185px;
    margin-bottom: -35px;
    position: relative;
    text-shadow: 1px 1px 1px #0C0C0C;
    z-index: 1;
}

-Mike


: Re: changing appearance of header bar
: knakonec November 30, 2013, 09:13:54 PM
I had to make a few other changes to background image CSS sections to get the look I was going for, but that z-index was the key piece I could not find by myself. Thank you for your assistance.


: Re: changing appearance of header bar
: mikenicoll December 02, 2013, 02:24:48 AM
NP

-Mike