Support » Theme: Nisarg » MENU FONT SIZE

  • Resolved Eva Jacinto

    (@eva-jacinto)



    Hello,

    I wonder if it is possible to change the font menu. I would like to be more visible, and put it in a bigger font and bold.
    The site I need help is this: https://www.cf-evajacinto.pt/

    Thank you so much
    Eva J

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 31 total)
  • lilleulven

    (@lilleulven)

    Hi Eva J,
    If you add this code in the customizer to your CSS, you should see a bigger font in bold for your menu:

    #menu-menu-principal a {
    	font-size: 18px;
    	font-weight: bold;
    }

    Good luck

    Lille Ulven

    Eva Jacinto

    (@eva-jacinto)

    Thank you so much, Lille. It works!
    Would it be possible to put the menu after the header?

    Thank you.
    Eva

    lilleulven

    (@lilleulven)

    You are welcome, Eva.
    It is possible, I believe. But you will need to set up a child theme first because for this you need to change the header.php file.

    If you have a child theme already made you can copy the original header.php file to your child theme and then adjust it. This blog post might help you to set up a child theme for Nisarg: Nisargs child Theme by falgunidesai
    Now the “original inner code” looks like this:

    <header id="masthead"  role="banner">
    	<nav id="site-navigation" class="main-navigation navbar-fixed-top navbar-left" role="navigation">
    		<!-- Brand and toggle get grouped for better mobile display -->
    		<div class="container" id="navigation_menu">
    			<div class="navbar-header">
    				<?php if ( has_nav_menu( 'primary' ) ) { ?>
    					<button type="button" class="menu-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
    						<span class="sr-only">Toggle navigation</span>
    						<span class="icon-bar"></span> 
    						<span class="icon-bar"></span>
    						<span class="icon-bar"></span>
    					</button>
    				<?php } ?>
    					<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' )?></a>
    			</div><!-- .navbar-header -->
    			<?php if ( has_nav_menu( 'primary' ) ) {
    				wp_nav_menu( array(
    					'theme_location'    => 'primary',
    					'container'         => 'div',
    					'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
    					'menu_class'        => 'primary-menu',
    				) ); } ?>
    		</div><!--#container-->
    	</nav>
    	<div id="cc_spacer"></div><!-- used to clear fixed navigation by the themes js -->  
    	<div class="site-header">
    		<div class="site-branding">
    			<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
    				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</a>
    		</div><!--.site-branding-->
    	</div><!--.site-header-->
    </header>

    And you want to change it to this instead:

    <header id="masthead"  role="banner">
    <div class="site-header">
    		<div class="site-branding">
    			<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
    				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</a>
    		</div><!--.site-branding-->
    	</div><!--.site-header-->
    	<nav id="site-navigation" class="main-navigation navbar-fixed-top navbar-left" role="navigation">
    		<!-- Brand and toggle get grouped for better mobile display -->
    		<div class="container" id="navigation_menu">
    			<div class="navbar-header">
    				<?php if ( has_nav_menu( 'primary' ) ) { ?>
    					<button type="button" class="menu-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
    						<span class="sr-only">Toggle navigation</span>
    						<span class="icon-bar"></span> 
    						<span class="icon-bar"></span>
    						<span class="icon-bar"></span>
    					</button>
    				<?php } ?>
    					<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' )?></a>
    			</div><!-- .navbar-header -->
    			<?php if ( has_nav_menu( 'primary' ) ) {
    				wp_nav_menu( array(
    					'theme_location'    => 'primary',
    					'container'         => 'div',
    					'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
    					'menu_class'        => 'primary-menu',
    				) ); } ?>
    		</div><!--#container-->
    	</nav>
    	<div id="cc_spacer"></div><!-- used to clear fixed navigation by the themes js -->  
    </header>

    I cannot guarantee that it works, but from what I know of HTML it should do the trick.

    Eva Jacinto

    (@eva-jacinto)

    Again, thank you so much.
    The problem is that the child theme generated comes with so many layout problems : the background color is different, the header size is smaller, fonts are unelegant, etc..
    The child theme is not a faithful version.

    Eva

    Use the plugin Child Theme Configurator I have used this for all my themes without losing customizations.
    If you don’t use a child them any changes you make to the php will be overwritten on updates.

    Eva Jacinto

    (@eva-jacinto)

    Thank you for your help.
    With the child theme generated by the plugin you suggested, every title appear as a link, underscored and in a different color. Also all the fonts are changed. The site’s name is smaller, and underscored too.
    I don´t like all those changes and don´t know how to fix it.
    Is there a simple way to do it?

    Thank you for your patience.

    Eva J

    When you run the configurator one of the options lets you keep your customizations:

    Copy Theme Options – Don’t Lose Your Hard Work!
    If you have already set up widgets, menus and other custom settings, Child Theme Configurator lets you copy them to the new child theme.

    Simply check “Copy Parent Theme Menus, Widgets and other Customizer Options” when you create child theme files on the Parent/Child tab. If you want to set different options you can either apply them after you activate the child theme, or by using the “Live Preview” under Appearance > Themes.

    Normally, when you create child themes, WordPress generates fresh new set of theme options, including Nav Menus and other customizations like Custom header, Background and font colors, and you would have to set them up all over again.

    Eva Jacinto

    (@eva-jacinto)

    Hi,

    I see what you mean, and did it again. The child theme is changing not my configuration, but the one that comes with the tmeme (fonts, colors). Widgets and menus are OK.

    Eva

    Not sure what the issue is. Have you already modified the php and css files in the parent theme before creating the child theme? Those might have to be redone. Check and make sure your custom css is still in place in your child theme.

    Eva Jacinto

    (@eva-jacinto)

    Goldfishflake, I did it and even repeated just to be sure.
    It mantains the css files, but changes head titles and fonts.
    I’d rather change the theme.

    Thank you all for your help.

    Eva J

    What I did – OK, that was before there was a child-theme to download – is to follow the instructions given here Nisargs Child Theme below the download.
    One tiny change though: remove the closing ?> from the function.php
    If you have previously made any manual changes to any of the php/css files in the nisarg theme, you need to copy those files to the new nisarg-child catalog as well.
    Hope you’ll get it fixed, Eva!

    Hello,

    I have few things in the additional CSS section (see below):

    p {
    font-size: 15px;
    }
    .widget_wpcom_social_media_icons_widget .genericon {
    font-size: 40px;
    }
    #menu-menu-principal a {
    font-size: 16px;
    font-weight: bold;
    }

    Nothing more than that. When I create the child theme I can see those items are there at the additional CSS section.
    The problem: the child theme changes the head of the site, the font is smaller and underscored. The background colour disappears; the font of the posts is changed too; all post titles appear underscored. The only thing I can´t change is the header and those underscored titles (like links) I don’t want that and don’t know how to change it.

    I thank you very much for you all, that are trying to help me. I think I am doing what you all suggest, but it’s not working as I need it to do.

    Eva

    What plugins are you using?

    Akismet
    Autoptimize
    Backupbuddy
    Childtheme config
    iThemes Sync
    Jetpack
    Tablepress
    Yoast SEO
    WP supercache

    Is the underline of your post titles when you hover?
    you can remove the hover underline with this:

    /* remove underline hover*/
    a:hover {
    text-decoration: none;

    }

Viewing 15 replies - 1 through 15 (of 31 total)
  • The topic ‘MENU FONT SIZE’ is closed to new replies.