WordPress.org

Ready to get started?Download WordPress

Forums

Main menu box height adjust and Dropdown Menu box height adjust (6 posts)

  1. lbf200n
    Member
    Posted 6 months ago #

    Any one could share some help on this CSS

    I need the main Menu box change to 43px font 14px
    and
    drop down menu box change to 38px font to 12px

    The current Code I have got as following:

    /* =Main Menu 
    
    -------------------------------------------------------------- */
    
    #mainmenu {
    
    	margin: 35px 0;
    
    	word-wrap: break-word;
    
    }
    
    ul#mainmenu-menu {
    
    	position: relative;
    
    	background: rgb(247,247,247);
    
    	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
    
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
    
    	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	border: 1px solid #E2E2E2;
    
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
    
    }
    
    ul#mainmenu-menu li.menu-item {
    
    	position: relative;
    
    	border-right: 1px solid #E2E2E2;
    
    	display: block;
    
    	float: left;
    
    	font-size: 16px!important;
    
    	font-weight: bold;
    
    }
    
    ul#mainmenu-menu li.menu-item a {
    	color: #FFF;
    	display: block;
    	padding: 20px 15px !important;
    	text-decoration: none;
    }
    
    ul#mainmenu-menu li.menu-item a:hover {
    
    	background: #F9F9F9;
    
    }
    /* =Main Menu  : Main Dropdown 
    
    -------------------------------------------------------------- */
    
    ul#mainmenu-menu li.menu-item a {
    
    	height: 52px;
    
    	-webkit-box-sizing: border-box;
    
    	-moz-box-sizing: border-box;
    
    	box-sizing: border-box;
    
    	color: #5e5e5e;
    
    	display: block;
    
    	text-decoration: none;
    
    }
    
    ul#mainmenu-menu ul.sub-menu {
    
    	position: absolute;
    
    	top: 52px;
    
    	left: 0px;
    
    	width: 100%;
    
    	text-align: left !important;
    
    	background: white;
    
    	border: none;
    
    	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    
    	display: none;
    
    	z-index: 99;
    
    }
    
    ul#mainmenu-menu li:hover ul.sub-menu {
    
    	display: block;
    
    }
    
    ul#mainmenu-menu ul.sub-menu li {
    
    	border: none;
    
    	display: block;
    
    	float: none;
    
    	font-weight: normal;
    
    }
    
    ul#mainmenu-menu ul.sub-menu li a {
    
    	height: auto;
    
    	line-height: 15px;
    
    	padding: 15px 15px 15px 15px;
    
    }

    Thanks again!

  2. Andrew
    Forum Moderator
    Posted 6 months ago #

    Please link to a Webpage in question.

  3. lbf200n
    Member
    Posted 6 months ago #

  4. Andrew
    Forum Moderator
    Posted 6 months ago #

    I need the main Menu box change to 43px font

    ul#mainmenu-menu li.menu-item a {
     font-size: 43px;
    }

    and
    drop down menu box change to 38px

    ul#mainmenu-menu li li.menu-item a {
     font-size: 38px;
    }

    http://www.w3schools.com/cssref/pr_font_font-size.asp

  5. vishnu.p
    Member
    Posted 6 months ago #

    For main menu add this line to css

    ul#mainmenu-menu li.menu-item a{
    font-size: 14px;
    }

    For sub menu add this line to css

    ul#mainmenu-menu ul.sub-menu li a{
    font-size: 12px !important;
    }

  6. lbf200n
    Member
    Posted 6 months ago #

    Sorry I may have made some confusion,
    Here is what I need:

    I need the main Menu box Height change to 43px & font change to 14px
    and

    drop down menu box Height change to 38px and font change to 12px

    [Please do not bump again]

Reply

You must log in to post.

About this Topic

Tags

No tags yet.