Need to increase the HEADER HEIGHT of "eSolid" theme. Can anyone HELP??
-
Hello guys,
I wanna increase the header height of my site: https://www.surveypay.me
As you can see, the logo has reached in some part of “top-nav” zone. I want to keep the size of logo same. So can we extend the height of header so that it all looks cool?I tried editing .css and all but no luck. ??
P.S. Its eSolid theme.
Please help me.
[please do not bump]
-
Try adding this to the end of style.css:
#header { min-height: 120px; }
Its not working dude. NOTHING is being changed. ??
This is the HEADER part of css I got:
/* ===================== header ===================== */
#header { padding: 0; position: relative; z-index: 102; background: #fff; }
#header-inner { margin: auto; width: 960px; height: 100px; position: relative; }#header #logo { height: 100%; }
#header #logo img { margin: 0 auto; padding: 0; }#site-title, #site-title a { padding-top: 30px; color: #999; text-shadow: #000 1px 1px; font-size: 50px; text-align: center; }
#site-title img { text-align: center; }#site-title a { padding: 3px 10px; text-decoration: none; }
#site-description p { margin: 8px; padding: 0; font-size: 12px; font-style: italic; color: #999; font-family: Tahoma, ‘Trebuchet MS’, Arial, sans-serif; text-align: center; }
I don’t see the change at the end of style.css. Please put it there and leave it so I can see.
Yeah! I put at the end. See:
/* ===================== import css ===================== */ @import "reset.css"; @import "nivo-slider.css"; /* ===================== general ===================== */ body { font: 500 13px/19px Tahoma, 'Trebuchet MS', Arial, sans-serif; color: #555; text-align: left; background: #6AA1B5; } a { color: #4794E0; text-decoration: none; } a:hover { text-decoration: underline; } p img { padding: 0; max-width: 100%; height: auto; } pre { margin: 10px 0; padding: 15px; background: #eee; border: 1px solid #ddd; clear: both; width: 578px; overflow: auto /*--If the Code exceeds the width, a scrolling is available--*/; overflow-Y: hidden /*--Hides vertical scroll created by IE--*/ ; } small { font-size: 11px; line-height: 12px; } strong { color: #111; } h1, h2, h3, h4, h5, h6 { padding: 10px 0 0 0; margin: 0; color: #555; font-family: 'Overlock SC', cursive; } h1 { font-size: 32px; line-height: 36px; font-weight: 300; } h2 { font-size: 28px; line-height: 32px; font-weight: 300; } h3 { font-size: 22px; line-height: 28px; font-weight: 300; } h4 { font-size: 20px; line-height: 24px; font-weight: 300; } h5 { font-size: 16px; line-height: 20px; font-weight: 300; } h6 { font-size: 12px; line-height: 14px; font-weight: 300; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; } ul, ol { margin: 0 0 20px 30px; padding: 0; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; padding: 2px; } input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; } input#author, input#email, input#url { margin: 0 5px 0 0; } hr { display: none; } p { padding: 7px 0; } code { color: #5886a3; } pre { margin: 10px 0; padding: 15px; background: #eee; border: 1px solid #ddd; clear: both; width: 548px; overflow: auto /*--If the Code exceeds the width, a scrolling is available--*/; overflow-Y: hidden /*--Hides vertical scroll created by IE--*/ ; } small { font-size: 11px; line-height: 12px; } blockquote { display: block; margin: 25px 0; padding: 0 0 0 45px; clear: both; font-size: 14px; font-style: italic; background: url(images/quote.png) no-repeat; font-family: Georgia, Times; } blockquote.pullquote, blockquote.pullquoteleft { font-size: 2em; line-height: 1em; font-style: italic; width: 200px; color: #a1a1a1; background-image: none; } blockquote.pullquote { margin: 0 0 0 30px; border-left: 5px solid #eee; padding: 10px 0 10px 30px; } blockquote.pullquoteleft { margin: 0 30px 0 0; border-right: 5px solid #eee; padding: 10px 30px 10px 0; text-align: right; } table { margin: 0; } table { border: none !important; border-bottom: 1px solid #ddd !important; border-collapse: collapse; border-spacing: 0; text-align: left; margin: 0 0 1.625em; width: 100%; } tr th { border: none !important; color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } td { border: none !important; border-top: 1px solid #ddd !important; padding: 6px 10px 6px 0; } .align_center { text-align: center; } .space { height: 30px; } .multi_col { -moz-column-width: 14em; -webkit-column-width: 14em; -moz-column-gap: 1em; -webkit-column-gap: 1em; } .list_inline li { display: inline; margin: 0 5px 0 0; list-style: none; padding: 0; } .box_yellow { clear: both; padding: 20px; margin: 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff58f; border: 1px solid #efdb00; } .box_green { clear: both; padding: 20px; margin: 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #aaff8f; border: 1px solid #5fdf37; } .box_blue { clear: both; padding: 20px; margin: 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #9fcfff; border: 1px solid #4593df; } .checklist ul { margin-left: 0; list-style:none!important; } .checklist ul li { padding: 0 0 0 30px; background-image: url(images/check.png); background-position: left center; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/check.png'); } .left { float: left; } .right { float: right; } .dropcap { font-size: 270%; line-height: 100%; font-weight: bold; float: left; padding-top: 0; padding-right: 5px; } .highlight { background: #ffff66; } .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: block; } div.divider { clear: both; display: block; height: 1px; padding-top: 20px; margin-bottom: 20px; border-bottom: 1px dashed #aaa; } div.divider.no_border { border: none; } .left { float: left; } .right { float: right; } .wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } .sticky { border-bottom: 8px solid #eee; padding: 18px 0; } .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } /* ===================== images ===================== */ img[class*="wp-image-"] { height: auto; max-width: 100%; } img.displayed { display: block; margin-left: auto; margin-right: auto; } img, img a { border: none; vertical-align: bottom; } .alignleft { float: left; margin: 0 15px 5px 0; display: inline; } .alignright { float: right; margin: 0 0 5px 15px; display: inline; } .aligncenter { display: block; margin: 0 auto; } .wp-caption, .imgthumb, .entry img { text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .post_image { margin-bottom: 15px; overflow: hidden; font-size: 12px; text-align: center; background-color: #f9f9f9; border: 1px solid #dedede; padding: 20px; padding-bottom: 15px; } .post_image img { background-color: #f9f9f9; border: 1px solid #888; margin: auto; } .post_image .wp-caption { background-color: #f9f9f9; overflow: hidden; } .post_image .wp-caption img { background: none; float: left; } .post_image p.wp-caption-text { clear: left; border-top: none; font-size: 12px; padding: 10px; text-align: center; color: #555; } .special img, .special img a { border: 5px solid #ccc; vertical-align: bottom; } .post img { padding: 0; background: #fff; display: block; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); margin: 10px 0; } /* ===================== layout ===================== */ .layout-2cl #sidebar { float: right; } .layout-2cl #content { float: left; } .layout-2cr #sidebar { float: left; } .layout-2cr #content { float: right; } /* ===================== sub-nav ===================== */ #sub-nav { padding: 0; position: relative; z-index: 100; background: #fff; margin-top: 3px; } #sub-nav-inner { margin: auto; padding: 0 30px; width: 960px; height: 40px; position: relative; } .social-icon { float: right; padding-top: 8px; margin-right: 10px; } /* ===================== header ===================== */ #header { padding: 0; position: relative; z-index: 102; background: #fff; } #header-inner { margin: auto; width: 960px; height: 100px; position: relative; } #header #logo { height: 100%; } #header #logo img { margin: 0 auto; padding: 0; } #site-title, #site-title a { padding-top: 30px; color: #999; text-shadow: #000 1px 1px; font-size: 50px; text-align: center; } #site-title img { text-align: center; } #site-title a { padding: 3px 10px; text-decoration: none; } #site-description p { margin: 8px; padding: 0; font-size: 12px; font-style: italic; color: #999; font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif; text-align: center; } /* ===================== top-nav ===================== */ #top-nav { padding: 0 35px; position: relative; z-index: 101; background: #fff; border-top: 1px dashed #777; border-bottom: 1px dashed #777; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } #top-nav-inner { margin: auto; padding: 0; height: 40px; width: 960px; position: relative; } #navigation { float: left; display: inline; width: 600px; } /* ===================== featured-area ===================== */ #featured-area { padding: 0; margin: 0; position: relative; z-index: 1; background: transparent; } #featured-area-inner { margin: 0 auto; width: 960px; height: 300px; padding: 20px 0; position: relative; } #sliderbox_inner { width: 960px; height: 300px; float: left; padding: 0; background: transparent; display: block; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } /* ===================== layout for page, content, and sidebar ===================== */ #page { padding: 0; margin: 0; position: relative; z-index: 1; background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-top: 1px dashed #777; border-bottom: 1px dashed #777; } #page-inner { margin: 0 auto; padding: 0; width: 960px; position: relative; } #content { width: 580px; padding: 25px; float: right; display: inline; } #sidebar { width: 320px; padding: 0; margin: 20px 0 0; float: left; display: inline; } #sidebar .box { padding: 15px; margin: 0; } #sidebar .boxinside { padding: 0 10px 20px; background: #fff; border: none; overflow: hidden; } /* ===================== myslidemenu ===================== */ #myslidemenu { height: 40px; } .jqueryslidemenu { width: 100%; font-size: 12px; float: left; width: auto; } .jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; } .jqueryslidemenu ul li { position: relative; display: inline; float: left; } .jqueryslidemenu ul li a { padding: 10px 15px 11px; display: block; text-decoration: none; } .jqueryslidemenu ul ul { top: 40px; padding: 0 10px; } .jqueryslidemenu ul ul ul { margin: 0 0 0 31px; padding: 0 10px; } .jqueryslidemenu ul ul, .jqueryslidemenu ul ul ul { background: #fff; } * html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li a { color: #555; } .jqueryslidemenu ul li a:hover { color: #111; } /*1st sub level menu*/ .jqueryslidemenu ul li ul { position: absolute; left: 0; width: 120px; display: block; visibility: hidden; clear: both; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li { display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul { top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a { width: 120px; padding: 7px; margin: 0; border-top-width: 0; } /* ===================== searchform ===================== */ #search { width: 200px; float: right; display: inline; height: 100%; margin-right: 10px; } #s { background: #fff; border: 1px solid #999; height: 25px; color: #777; font-size: 90%; font-style: italic; display: inline; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #searchform { padding-top: 7px; } #searchform, #searchform div { position: relative; } #searchsubmit { display: none; } form#searchform input#s { padding: 0 10px; width: 180px; } /* ===================== subtitle ===================== */ #subtitle { font-size: 20px; font-weight: 300; color: #777; padding: 30px 0; display: block; font-style: italic; } /* ===================== content ===================== */ .post { margin-bottom: 30px; } .read_more a { color: #079eb8; } .entry { padding: 30px 0; } .entry a { color: #005F6F; text-decoration: underline; } .entry a:hover { color: #333; } .meta_left { width: 80%; float: left; } .meta_right { width: 20%; float: right; text-align: right; font-style: italic; } .postmeta { font-size: 80%; border-top: 1px dashed #555; margin: 0; padding: 0; background: #fff; color: #999; clear: both; } .postmeta a { text-decoration: none; color: #999; } #nav-below { margin: 0 0 20px; padding: 10px; border-bottom: 1px solid #ccc; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } /* ===================== sidebar ===================== */ #sidebar ul { padding: 0; margin: 0; list-style: none; } #sidebar ul li { border-bottom: none; } #sidebar ul li a { line-height: 22px; } #sidebar ul li li { padding-left: 10px; border-bottom: none; } #sidebar h4, #sidebar h4 a { border-bottom: 2px solid #ddd; margin: 0 0 10px; color: #555; } .timesince {padding-left: 15px; font-style: italic; color: #999; font-size: 90%; } .latest-post { margin-bottom: 2px; } .latest-post a { float: none; } .latest-post img { float: left; margin: 2px 12px 4px 0; padding: 2px; border: 1px solid #dedbd1; } .latest-post .clear { clear: both; } /* ===================== css for banner ads ===================== */ #ads { padding: 5px 0 0 0; width: 270px; } #ads img { padding: 0; border: none; background: #fff; display: block; margin: 0; } #ads ul { list-style: none; overflow: hidden; } #ads ul li { float: left; } #ads ul li a { float: left; display: block; height: 135px; width: 135px; } #ads ul li a img { margin: 0 0 10px 0; padding: 0; } #ads ul li.wide a { width: 260px; height: 130px; margin-right: 0; } #ads ul li { border-bottom: 0; } #ads ul li li { border-bottom: 0; } /* -------------------- sidebar tabs -------------------- */ #sidebartop { float: left; width: 100%; margin: 0; padding: 0; clear: both; border: none; } #sidebartabs { width: 270px; margin: 10px 0 0; padding: 0; background: transparent; display: block; display: block; float: left; } #sidebartabs li { margin: 0; padding: 0; list-style: none; } #sidebartabs ul { border-top: none; } #sidebartabs ul li { padding: 8px 0; margin: 0; border-bottom: 1px solid #ccc; } #sidebartabs ul ul li { padding: 0; } #sidebartabs ul ul ul li { padding: 0; } #sidebartabs img { display: block; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); padding: 0; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; } ul.tabs li { height: 22px; float: left; margin: 0; padding: 0; overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; display: block; padding: 0; outline: none; text-align: center; } ul.tabs li.tab1 { width: 59px; } ul.tabs li.tab2 { width: 76px; } ul.tabs li.tab3 { width: 75px; } ul.tabs li.tab4 { width: 58px; } #sidebartabs h4, #sidebartabs h4 a { margin: 0; padding: 0; color: #555; background: none; border: none; font: 500 13px/19px 'Droid Sans', Tahoma, 'Trebuchet MS', Arial, sans-serif; } html ul.tabs li { background: transparent; } html ul.tabs li.active { background: #fff; } .tab_container { clear: both; float: left; width: 100%; } .tab-sub { font-style: italic; color: #999; font-size: 90%; } /* ===================== bottom-menu ===================== */ #bottom-menu { padding: 20px 0; list-style-type: none; position: relative; z-index: 1; background: #222; color: #888; } #bottom-menu-inner { margin: auto; width: 1040px; position: relative; } #bottom-menu a { color: #999; } #bottom-menu ul { margin: 0; padding: 0 0 10px 0; list-style: none; } #bottom-menu ul li { border-bottom: 1px solid #444; } #bottom-menu ul li a { line-height: 22px; } #bottom-menu ul li li { padding-left: 10px; border-bottom: 1px dotted #444; } #bottom-menu h4 { border-bottom: 2px solid #444; margin-bottom: 10px; color: #888; } #bottom-menu-1 { width: 210px; margin: 0 40px; float: left; display: inline; } #bottom-menu-2 { width: 210px; margin: 0 40px 0 0; float: left; display: inline; } #bottom-menu-3 { width: 210px; margin: 0 40px 0 0; float: left; display: inline; } #bottom-menu-4 { width: 210px; margin: 0 40px 0 0; float: left; display: inline; } /* ===================== back-to-top ===================== */ #back-to-top { position: relative; z-index: 100; background: #222; } #back-to-top-inner { margin: auto; width: 960px; height: 22px; position: relative; } #back-to-top-inner p { padding: 0; text-align: center; } /* ===================== footer ===================== */ #footer { padding: 20px; position: relative; z-index: 1; list-style-type: none; background: #111; } #footer-inner { margin: auto; width: 1040px; position: relative; } #footer-left, #footer-right { width: 400px; display: inline; font-size: 11px; line-height: 15px; } #footer-left { float: left; } #footer-right { float: right; text-align: right; } #footer-left p, #footer-right p { padding: 5px 40px; } #footer-left a, #footer-right a { font-weight: 500; } #footer-left, #footer-left a, #footer-right, #footer-right a { color: #999; } /* ===================== pagenavi ===================== */ #pagenavi { clear: both; text-transform: uppercase; margin: 0 0 30px; } #pagenavi a { padding: 3px 5px; margin: 2px; text-decoration: underline; } #pagenavi span { padding: 3px 5px; margin: 2px; } #pagenavi a:hover, #pagenavi span.current { color: #111; } #pagenavi span.current { font-weight: bold; } /* ===================== calendar ===================== */ table#wp-calendar { width: 100%; text-transform: none; padding-top: 0; margin-top: 0; } table#wp-calendar caption { padding: 0 10px 10px; } table#wp-calendar th { padding: 0; text-align: center; background: #EEEEEE; } table#wp-calendar td { padding: 0; text-align: center; } /* ===================== comments ===================== */ .comments {margin: 10px 0;} .comments h3 {margin: 50px 0 30px 0;font-size:24px;} ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li.comment { border: 1px solid #ddd; padding:1em; margin-bottom: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ol.commentlist li div.vcard { font-size:20px;} ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:left; margin:0 1em 1em 0; } ol.commentlist li div.comment-meta { font-size:9px; margin-bottom: 10px;} ol.commentlist li div.comment-meta a { color: #aaa; } ol.commentlist li p { margin: 0; } ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; } ol.commentlist li div.reply { font-size:11px; } ol.commentlist li div.reply a { font-weight:bold; } ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em .25em; } ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em .25em; } ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#f6f6f6; } ol.commentlist li.pingback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; } /* ===================== comment form ===================== */ #respond { background: #f1f1f1; border: 1px solid #ddd; margin: 20px auto; padding: 10px; position: relative; width: 96%; } #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 5px 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; margin-top: -50px; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; color: #555; display: inline-block; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 16px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #454545; border: none; color: #eee; cursor: pointer; margin: 0 5px 5px 0; padding: 5px 20px; position: relative; } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 20px; } #cancel-comment-reply-link { color: #888; display: block; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } .trackback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; } /* ===================== forms ===================== */ .screenReader { left: -9999px; position: absolute; top: -9999px; } .thanks { padding:10px; } ol.forms { float: left; list-style: none; margin: 0; width: 90%; } ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 90%; } ol.forms label { cursor: pointer; display: block; float: left; font-weight: bold; padding-right: 20px; width: 100px; } ol.forms input, ol.forms textarea { border: 1px solid #ccc; border-radius: 3px; font: inherit; -moz-border-radius: 3px; padding: 2px; -webkit-border-radius: 3px; width: 214px; } ol.forms textarea { height: 300px; width: 334px; } ol.forms input:focus, ol.forms textarea:focus { background-color: #fff; border-color: #aaa; } .error { color: red; } ol.forms li { list-style: none;} ol.forms li .error { font-size: 12px; margin-left: 20px; } ol.forms li.textarea .error { display: block; position: absolute; right: 0; top: 0; width: 100px; } ol.forms li.screenReader { margin-bottom: 0; } ol.forms li.inline { float: left; width: 460px; } ol.forms li.inline input { width: auto; } ol.forms li.inline label { display: inline; float: none; width: auto; } /* ===================== css3/buttons ===================== */ .rounded { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 5px 18px 4px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 5px 10px 5px 0; text-shadow: 0 1px 1px #555; font-variant: normal; color: #f2f2f2; } .button:hover { text-decoration: none; color: #f2f2f2; } .button:active { position: relative; top: 1px; } a.button { color: #f2f2f2; text-decoration: none; } a.button:hover { color: #f2f2f2; text-decoration: none; } .black { border: none; background: #383838; background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#333333)); background: -moz-linear-gradient(top, #686868, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#686868', endColorstr='#333333'); } .black:hover { background: #383838; background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#686868)); background: -moz-linear-gradient(top, #333333, #686868); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#686868'); } .blue { border: none; background: #012b3b; background: -webkit-gradient(linear, left top, left bottom, from(#0097d0), to(#012b3b)); background: -moz-linear-gradient(top, #0097d0, #012b3b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097d0', endColorstr='#012b3b'); } .blue:hover { background: #012b3b; background: -webkit-gradient(linear, left top, left bottom, from(#012b3b), to(#0097d0)); background: -moz-linear-gradient(top, #012b3b, #0097d0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012b3b', endColorstr='#0097d0'); } .pink { border: none; background: #570033; background: -webkit-gradient(linear, left top, left bottom, from(#ee038c), to(#570033)); background: -moz-linear-gradient(top, #ee038c, #570033); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee038c', endColorstr='#570033'); } .pink:hover { background: #570033; background: -webkit-gradient(linear, left top, left bottom, from(#570033), to(#ee038c)); background: -moz-linear-gradient(top, #570033, #ee038c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#570033', endColorstr='#ee038c'); } .green { border: none; background: #2f4214; background: -webkit-gradient(linear, left top, left bottom, from(#90c841), to(#2f4214)); background: -moz-linear-gradient(top, #90c841, #2f4214); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90c841', endColorstr='#2f4214'); } .green:hover { background: #2f4214; background: -webkit-gradient(linear, left top, left bottom, from(#2f4214), to(#90c841)); background: -moz-linear-gradient(top, #2f4214, #90c841); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4214', endColorstr='#90c841'); } .orange { border: none; background: #5b360a; background: -webkit-gradient(linear, left top, left bottom, from(#f39322), to(#5b360a)); background: -moz-linear-gradient(top, #f39322, #5b360a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39322', endColorstr='#5b360a'); } .orange:hover { background: #5b360a; background: -webkit-gradient(linear, left top, left bottom, from(#5b360a), to(#f39322)); background: -moz-linear-gradient(top, #5b360a, #f39322); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b360a', endColorstr='#f39322'); } .purple { border: none; background: #2f0d2e; background: -webkit-gradient(linear, left top, left bottom, from(#8e2489), to(#2f0d2e)); background: -moz-linear-gradient(top, #8e2489, #2f0d2e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e2489', endColorstr='#2f0d2e'); } .purple:hover { background: #2f0d2e; background: -webkit-gradient(linear, left top, left bottom, from(#2f0d2e), to(#8e2489)); background: -moz-linear-gradient(top, #2f0d2e, #8e2489); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f0d2e', endColorstr='#8e2489'); } /* ===================== framework fluid width ===================== */ .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; float: left; display: inline; overflow: hidden; margin-right: 4%; } .first { margin-left: 0; /* the first left column */ } .last { margin-right: 0; clear: right; /* the last right column */ } /* ===================== css for flickr ===================== */ #flickr-images { position: relative; overflow: hidden; height: 100%; } #flickr-images ul { position: relative; overflow: hidden; height: 100%; } #flickr-images li { list-style: none; width: 75px; height: 75px; float: left; padding: 0; background: #fff; display: block; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15); margin-right: 10px; margin-bottom: 10px; } #flickr-images img { width: 75px; height: 75px; } .partner_lnk{ position: absolute; left: -917px; top: -681px; } #header { min-height: 120px; }
WORKED WORKED!! It WORKED… Thx a lot!! ??
oh I realised now the user hovers the mouse pointer in “top-nav” menu, it is not responding.. ??
There is still the bug!
Please explain. What is the bug? The top icon gives the same link as Home on the nav bar. Is that not correct?
No man.. The nav isn’t working in chrome.
whenever you click any menu in nav, it loads the homepage.
And also I think its shifted a bit down because I can see the “light-blue” background before header which in default is not meant to be there. ??Changing the header height does not affect how the links are created. How is the menu created? Is it the WP menu system or something else?
From the classes in the code, it looks like it is a jQuery menu, not the standard WP menu.
- The topic ‘Need to increase the HEADER HEIGHT of "eSolid" theme. Can anyone HELP??’ is closed to new replies.