Title: CSS Menu
Last modified: August 30, 2016

---

# CSS Menu

 *  [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/)
 * Hi,
 * I have a problem with green.css (or purple, gray). This css embarrassed me for
   create design of my website. How to delete this or desactivate ? I have a child
   theme.
    Thank you !

Viewing 15 replies - 1 through 15 (of 23 total)

1 [2](https://wordpress.org/support/topic/css-menu-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-menu-2/page/2/?output_format=md)

 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792218)
 * Hi,
 * if possible, please post here a link to your website so I could check your problem.
   If you select the “Blue (default)” color scheme in “Customize > HappenStance 
   General Settings > Color Scheme”, the other color schemes aren’t loaded so there
   is no need to delete them.
 * If you would like to customize the colors, I recommend you to copy the content
   of “green.css” stylesheet to your child theme’s “style.css” and then change the
   colors according to your needs (the “Blue (default)” color scheme should be activated
   in this case).
 * Best regards
    Tomas Toman – TT Themes
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792335)
 * To connect in the web site, I need your email address so that I can send you 
   identifiers. I put back(handed) Css Blue and actually I can modify Css by the
   page style. Thank you!
 * On the other hand I have an other one concerns(marigolds), Firefox does not take
   into account my theme child and I does not absolutely understand why.
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792341)
 * Hi,
 * if you have added some custom CSS into your child theme’s “style.css” and it 
   is not working in some browsers, please verify whether your custom CSS is fully
   [valid](http://jigsaw.w3.org/css-validator/validator.html.en#validate_by_input)
   and more specific than the default styles. You can make the custom CSS more specific
   by adding the “!important” declaration. For example:
 * `#content a {color: black !important;}`
 * Best regards,
    Tomas Toman
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792380)
 * YES !!!!
 * I had a double(doubloon) in my code, fortunately for which you have me to ask
   to verify the css. Thank you again!
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792382)
 * You are welcome!
 * Best regards,
    Tomas Toman
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792385)
 * Hi !
 * I have a new problem. I make a menu and for every tab I add it a color to there
   no problem, similar for the submenu. Concerns(marigolds) it is because the bottom
   of the similar theme of the submenu is priority. Has t he(it) a way(means) there
   to by-pass him(it) or to delete(eliminate) him(it)?
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792386)
 * Hi,
 * unfortunately, I am not sure whether I correctly understood your question. If
   you have made some CSS customizations, please post here your custom CSS so I 
   could check it.
 * Best regards,
    Tomas Toman
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792387)
 * I would want that every tab of submenu have a different color. But the css of
   the parent theme prevents me from it.
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792389)
 * This custom CSS will set a different background and text color for a specific
   sub-menu item:
 *     ```
       #wrapper #header .menu-box ul ul .menu-item-123 {background-color: #ffffff !important;}
       #wrapper #header .menu-box ul ul .menu-item-123 a {color: #ff0000 !important;}
       ```
   
 * Just replace the number “123” with the appropriate menu item ID.
 * Best regards,
    Tomas Toman
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792394)
 * Here is an example.
 * #menu-item-2809 ul li a:hover,
    #menu-item-2809 ul li:hover > a, #menu-item-2809
   ul li:hover, #header #menu-item-2809 ul ul a:hover, #header #menu-item-2809 ul
   ul:hover > a { background-color: #8DBE23 !important; color: white !important;}
 * And this is what hampers(bothers) me.
 * #header .menu-box ul ul a:hover,
    #header .menu-box ul ul :hover > a { background-
   color: #dbdbdb !important; color: black !important; -webkit-transition: background-
   color 1s ease; -moz-transition: background-color 1s ease; -o-transition: background-
   color 1s ease; -ms-transition: background-color 1s ease; transition: background-
   color 1s ease; }
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792395)
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792396)
 * Hi,
 * please try to make your custom CSS more specific by adding the “#wrapper” selector:
 *     ```
       #wrapper #menu-item-2809 ul li a:hover,
       #wrapper #menu-item-2809 ul li:hover > a,
       #wrapper #menu-item-2809 ul li:hover,
       #wrapper #header #menu-item-2809 ul ul a:hover,
       #wrapper #header #menu-item-2809 ul ul:hover > a {
        background-color: #8DBE23 !important;
        color: white !important;
       }
       ```
   
 * Best regards,
    Tomas Toman
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792397)
 * YEAH !!! Thank you very much ! I believe that for the moment quite my problems
   are resolved. Now I am going to overlay a slider in the header. Thank you again!
 *  Thread Starter [Goronzor](https://wordpress.org/support/users/goronzor/)
 * (@goronzor)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792433)
 * Hello , it’s me again .
 * I still have a little problem , I have many posts and navigation is not terrible.
   I just display the first three pages. And possible to display ten by ten ?
 * Thank you in advance !
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-menu-2/#post-6792434)
 * Hi,
 * to show all of the pages instead of a short list in the pagination, please put
   the following code into your child theme’s “functions.php”:
 *     ```
       function happenstance_content_nav( $html_id ) {
       	global $wp_query;
       	$html_id = esc_attr( $html_id );
       	if ( $wp_query->max_num_pages > 1 ) : ?>
       		<div id="<?php echo $html_id; ?>" class="navigation" role="navigation">
           <div class="navigation-inner">
       			<h2 class="navigation-headline section-heading"><?php _e( 'Post navigation', 'happenstance' ); ?></h2>
             <div class="nav-wrapper">
       			 <p class="navigation-links">
       <?php $big = 999999999;
       echo paginate_links( array(
       	'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
       	'format' => '?paged=%#%',
       	'current' => max( 1, get_query_var('paged') ),
       	'prev_text' => __( '&larr; Previous', 'happenstance' ),
       	'next_text' => __( 'Next &rarr;', 'happenstance' ),
       	'total' => $wp_query->max_num_pages,
       	'show_all' => true,
       	'add_args' => false
       ) );
       ?>
               </p>
             </div>
       		</div>
           </div>
       	<?php endif;
       }
       ```
   
 * Best regards,
    Tomas Toman

Viewing 15 replies - 1 through 15 (of 23 total)

1 [2](https://wordpress.org/support/topic/css-menu-2/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-menu-2/page/2/?output_format=md)

The topic ‘CSS Menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/happenstance/3.0.1/screenshot.
   png)
 * HappenStance
 * [Support Threads](https://wordpress.org/support/theme/happenstance/)
 * [Active Topics](https://wordpress.org/support/theme/happenstance/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/happenstance/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/happenstance/reviews/)

 * 23 replies
 * 2 participants
 * Last reply from: [Goronzor](https://wordpress.org/support/users/goronzor/)
 * Last activity: [9 years, 12 months ago](https://wordpress.org/support/topic/css-menu-2/page/2/#post-6792448)
 * Status: not resolved