CSS Menu

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

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.

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 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

YES !!!!

I had a double(doubloon) in my code, fortunately for which you have me to ask to verify the css. Thank you again!

You are welcome!

Best regards,
Tomas Toman

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)?

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

I would want that every tab of submenu have a different color. But the css of the parent theme prevents me from it.

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

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;
}

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

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!

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 !

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