Title: Top bar
Last modified: August 22, 2016

---

# Top bar

 *  Resolved [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/)
 * Dear support team,
    It is possible to enlarge the fonts for the topbar menu ?
   can a CSS change be made ? Regards Rachel

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

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652249)
 * Hey there Rachel,
 * Hope you’re well today!
 * If you’re using Virtue theme please add this custom CSS to the theme custom CSS
   tab which is located in Appearance >> Theme Options >> Advanced Settings:
 *     ```
       .topbarmenu ul li a {
       font-size: 12px;
       }
       ```
   
 * Note that this is the original font size, you’ll need to change the numeric value
   in order to increase/decrease font size.
 * Hope this helps 🙂
 * Cheers,
    Bojan
 *  Thread Starter [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652450)
 * Hello Bojan,
    Many thanks it works great ! Then is there a way to enlarge the
   width of the top bar so that the menu is not splitted in two lines once the fonts
   are bigger ?
 * Rachel
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652451)
 * Hey again Rachel,
 * Please try adding the following:
 *     ```
       section#topbar {
       height: 40px;
       }
       ```
   
 * Replace the numeric value to what ever suits you the most 🙂
 * Cheers,
    Bojan
 *  Thread Starter [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652486)
 * Dear Bojan,
    It is not exactly the top bar height or width that I wish to change
   but the menu’s width in the top bar. If I add too many categories to the menu
   it splits in two lines…
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652498)
 * Hey there Rachel,
 * How are you doing today?
 * Could you please try adding the following CSS:
 *     ```
       @media screen and (min-width: 1200px) {
       .col-md-6.col-sm-6.kad-topbar-right {
       width: 22%;
       }
   
       .col-md-6.col-sm-6.kad-topbar-left {
       width: 78%;
       }
       }
       ```
   
 * This should increase the width of the top menu on desktop resolutions.
 * Best regards,
    Bojan
 *  Thread Starter [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652510)
 * This is great Bojan,
    It works fine !
 * Many thanks again !
    Cheers, Rachel
 *  Thread Starter [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652598)
 * Dear support,
    I would like to change the hover colour on the link in the top
   bar [http://www.3d-sculpture.fr](http://www.3d-sculpture.fr) which says ‘-> Consultez
   notre partenaire en création 3D’: it appears in blue whenever clicked and I would
   like to change that colour.
 * Could you please help me on this as I didn’t find any option in the theme for
   this ?
 * Regards,
    Rachel
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652599)
 * Hey Rachel,
 * You should be able to achieve that by adding the following CSS:
 *     ```
       #topbar .textwidget a:hover {
           color: #000;
       }
       ```
   
 * Replace the color hex value to display another color. You can use sites similar
   to this one to get hex value for the color of your choice: [http://www.color-hex.com/](http://www.color-hex.com/)
 * Best regards,
    Bojan
 *  Thread Starter [ceriseduweb](https://wordpress.org/support/users/ceriseduweb/)
 * (@ceriseduweb)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652600)
 * Many thanks Bojan but the color I wish to change once the link has been clicked
   on… it becomes blue and I do not see where this color is being specified…
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652601)
 * Hey again,
 * Try adding the following as well:
 *     ```
       #topbar .textwidget a:focus {
           color: #2a6496;
       }
       ```
   
 * This should change the link color when clicked on.
 * Hope this helps 🙂
 * Cheers,
    Bojan

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

The topic ‘Top bar’ is closed to new replies.

## Tags

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

 * 10 replies
 * 2 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/top-bar-3/#post-5652601)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics