Title: Nav help (CSS)
Last modified: August 30, 2016

---

# Nav help (CSS)

 *  Resolved [yehaahomer](https://wordpress.org/support/users/yehaahomer/)
 * (@yehaahomer)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/)
 * _[Moderator note: Please think of a better title in future]_
 * I am trying to make my main navigation bar do 2 things.
 * Firstly I am trying to make it transparent, so it still has the colour i want
   but it show my image behind it..
 * Secondly, I want to make the navigation menu thinner.
 * I am at beginner level on wordpress so if someone could help please explain it
   simple and if any plug-ins are needed.
 * Thank you
 * my site [http://reviewswire.apps-1and1.net/](http://reviewswire.apps-1and1.net/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267695)
 * In your custom CSS, it looks like you are missing the ending right brace }, so
   please add that in first. Then, change the selector from **.site-header** to **#
   masthead**. That will enable that rule to override the properties in existing
   rules.
 * Finally, to make the menu semi-transparent, add this property to the end (before
   the ending right brace):
 *     ```
       background-color: rgba(56, 47, 48, 0.5);
       ```
   
 * This uses the same color as the existing header, but the last value, 0.5, sets
   the “opacity” to 0.5, or 50%. You can use any value from 0 (completely transparent)
   to 1.0 (completely opaque, or non-transparent).
 * You might want to think about taking out the width property from that rule. Otherwise
   you’ll get a lot of white space off to the right on a cell phone. Or add a media
   query to make the width 100% on a cell phone width.
 * Not sure what you mean by “thinner.” Are you referring to the height or the width?
 *  Thread Starter [yehaahomer](https://wordpress.org/support/users/yehaahomer/)
 * (@yehaahomer)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267804)
 * Thank you very much. I managed to work out a css code myself to add into custom
   css.
 * I am stuck on one final part. On the bottom of my home page in the footer on 
   the right.
 * It says theme by Tyler Moore. What css code can I change that with.
 * I would like to add my own copyright into there. or even Blank.
 * Im guessing the code would start with
 * .site-footer?
 * Thank you.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267826)
 * You don’t need `.site-footer` because the element has it’s own unique ID.
 *     ```
       #designer, #designer a {
         color: #000;
       }
       #designer:before {
         content: 'Copyright 2015';
         color: white;
       }
       ```
   
 * The first rule will hide the “Theme by Tyler Moore” by setting the text color
   to match the footer color. The second rule will add your own copyright info.
 * If you would rather just hide the line instead, use:
 *     ```
       #designer {
          display: none;
       }
       ```
   
 *  Thread Starter [yehaahomer](https://wordpress.org/support/users/yehaahomer/)
 * (@yehaahomer)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267829)
 * Thank you worked perfectly.
 * Ok, so everything has removed. But if I move the mouse just under the copyright.
   It says Tyler Moore that highlights up.
 * Are you able to tell me a code to remove that?, please.
 * Thank you. What a great site this is CrouchingBruin, Truly helpfull 🙂
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267831)
 * OK, sorry, let’s split that first rule like this:
 *     ```
       #designer {
         color: #000;
       }
   
       #designer a {
          display: none;
       }
       ```
   

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Nav help (CSS)’ is closed to new replies.

## Tags

 * [making](https://wordpress.org/support/topic-tag/making/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)
 * [transparent](https://wordpress.org/support/topic-tag/transparent/)

 * 5 replies
 * 2 participants
 * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/help-needed-62/#post-6267831)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics