Title: Edit Top Menu
Last modified: August 30, 2016

---

# Edit Top Menu

 *  [FvF](https://wordpress.org/support/users/fvf/)
 * (@fvf)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/)
 * Hello. I’m using Grand College theme on my [http://www.occult-study.com](http://www.occult-study.com)
   website.
 * I want to edit the Top Menu (top right) to make it look bigger and nicer, but
   I don’t know how.
 * Any ideas?

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

 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289281)
 * Hello,
 * You can try this in your Custom CSS for achieving that:
 *     ```
       #menu-meniu-top li a {
           color: #000;
           font-size: 15px;
       }
       ```
   
 * Thank you.
 *  Thread Starter [FvF](https://wordpress.org/support/users/fvf/)
 * (@fvf)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289342)
 * It worked! Thank you!
 * Is it possible to turn them into tabs, like the ones I have at the primary menu?
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289415)
 * Hello FvF,
 * You can try this in your Custom CSS:
 *     ```
       .top-navigation-wrapper {
           background-color: #271d07;
           padding: 5px;
       }
       ```
   
 * Hope that helps you, feel free to ask if there is any other problem.
 * Thank you.
 *  Thread Starter [FvF](https://wordpress.org/support/users/fvf/)
 * (@fvf)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289454)
 * I’ve found these in my CSS file.
 * /*— Top Navigation —*/
    div.top-navigation.container{ position: relative; z-index:
   20; min-width: 980px; } div.top-navigation-wrapper{ float: right; } div.top-navigation.
   container{ font-size: 11px; padding-top: 3px; padding-bottom: 0px; line-height:
   100%; text-align: center; background: transparent;
 *  -moz-box-shadow: none;
    -webkit-box-shadow: none; box-shadow: none;} div.top-
   navigation-right{ float: right; margin-left: 15px; } div.top-navigation-right
   img{ float: left; margin-top: -2px; margin-right: 7px; } div.top-navigation-left{
   float: right; } div.top-navigation-left ul{ list-style: none; margin-left: 0px;}
   div.top-navigation-left li{ float: left; } div.top-navigation-left li a{ color:
   inherit; padding: 0px 8px 0px 8px; line-height: 100%; display: block; } div.top-
   navigation-left li:last-child a{ padding-right: 0px;} div.top-navigation-left
   li ul{ display: none; } div.top-navigation-left ul li:last-child a{ border-right:
   0px !important; } div.top-navigation-left ul li:first-child a{ padding-left: 
   0px !important; }
 * div.top_navigation-header-padding{ padding-top: 15px; }
    div.top-navigation-wrapper.
   container{ padding-top: 5px; padding-bottom: 0px; background: transparent; }
 *  Thread Starter [FvF](https://wordpress.org/support/users/fvf/)
 * (@fvf)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289455)
 * I think it’s better to edit these instead of adding another code, right?
 * so to make the tab color #291f07 I need to edit:
 * font-size: 11px; padding-top: 3px; padding-bottom: 0px; line-height: 100%;
    text-
   align: center; **background: #291f07**; ?
 * And for the text color to be #ffffff, where should I edit?
 * Thanks a lot Sam!
 *  [Sam](https://wordpress.org/support/users/soumendra/)
 * (@soumendra)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289459)
 * Hello,
 * Yes, you can edit your code directly in the CSS file, but if you do so then these
   changes you have made will override with the default one when you update your
   theme in future.
 * So to be safe and not to make the changes again and again, it is recommended 
   to add the customized CSS in the Custom CSS area or by using a child Theme:
 * _[ Moderator note: link redacted, please do not send people to your site that
   way. ]_
 * And for the text color you can add this in your Custom CSS:
 *     ```
       .menu li a {
           border-right: 1px solid #fff !important;
           color: #fff !important;
       }
       ```
   
 * Hope that helps.
 * Thank you.
    -  This reply was modified 9 years, 6 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
 *  Thread Starter [FvF](https://wordpress.org/support/users/fvf/)
 * (@fvf)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289468)
 * Thank you Sam! It worked!

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

The topic ‘Edit Top Menu’ is closed to new replies.

## Tags

 * [edit](https://wordpress.org/support/topic-tag/edit/)
 * [grand college](https://wordpress.org/support/topic-tag/grand-college/)
 * [top-menu](https://wordpress.org/support/topic-tag/top-menu/)

 * 7 replies
 * 2 participants
 * Last reply from: [Sam](https://wordpress.org/support/users/soumendra/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/edit-top-menu/#post-6289459)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics