Forum Support

Shape 5
March 28, 2024, 10:27:49 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: changing appearance of header bar  (Read 1044 times)
knakonec
Jr. Member
**
Offline Offline

Posts: 7



« on: 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?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: November 17, 2013, 02:03:54 PM »

Hello,

Please post a URL.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
knakonec
Jr. Member
**
Offline Offline

Posts: 7



« Reply #2 on: 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)
« Last Edit: November 19, 2013, 03:09:49 PM by knakonec » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
knakonec
Jr. Member
**
Offline Offline

Posts: 7



« Reply #4 on: 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.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: December 02, 2013, 02:24:48 AM »

NP

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.