How to change top menu text color
-
Hello could anyone help me how to change text in top menu to white on blue background and when i move over it black text on white background?
I can’t find the current black color in the editor…. lame ??
Here is my style.css – Basically theme – hreba.savana.cz
/* Theme Name: Basically Theme URI: https://satrya.me/demo/basically/ Description: SEO friendly, simple and clean theme comes with custom menu, custom header background, custom body background, wordpress thumbnail, adsense spot ready, breadcrumbs ready and custom logo & favicon uploader. It has 7 different color schemes and also included stylesheet for print document. Compatible with WordPress 3.0 and above, valid XHTML & CSS, sticky posts, widget-ready, fullwidth page ready, and threaded comments ready. Version: 1.1.0 Author: Satrya Author URI: https://satrya.me Tags: blue, black, red, green, gray, purple, brown, two-columns, fixed-width, custom-header, custom-background, threaded-comments, custom-menu, theme-options, full-width-template, sticky-post License: GNU General Public License v2.0 License URI: https://www.gnu.org/licenses/gpl-2.0.html */ @import url('style/reset.css'); /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ #wrapper { background:#FFF; border:5px solid #FFF; margin:10px auto 10px; padding:10px; } #wrapper, #nav_link, #category_header { width:950px; } #container{ width:100%; overflow:hidden; margin-bottom: 20px; } #header { background-color: #337FDA; } #content { float:left; line-height:1.6em; width:620px; border-right:1px dashed #E0E0E0; padding:20px 14px 0 5px; } #sidebar { display:inline; float:right; width:310px; margin:0; } #footer { color:#FFF; width:100%; clear:both; background:#337FDA; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width page with no sidebar */ .fullwidth { border-right: none !important; width: 100% !important; padding-right: 0 !important; } /* =Fonts -------------------------------------------------------------- */ body, h1, h2, h3, h4, h5, h6, .entry, .comments-box h3, .commentlist p, #commentform input.txt, #commentform textarea, #commentform #submit { font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; } #header h1, #header h2, .description , #content h1.post-title, #content h2.post-title{ font-family:Georgia,"Times New Roman",Times,serif; } code, tt { font-family:'andale mono','lucida console', monospace; } /* =Structure -------------------------------------------------------------- */ /* Structure the sidebar area */ #sidebar ul { margin:0 0 20px; list-style:none; } #sidebar ul li { margin:0 0 20px; padding:5px 0; } #sidebar ul ul { clear:both; margin:0; padding:0; } #sidebar .sidebar_inner { background:#fff; width:auto; padding:10px 0 5px 10px; } #sidebar .sidebar_inner ul ul li { margin: 0; padding: 5px 0 0 10px; background:url(images/arrow.png) no-repeat 0 13px; } #sidebar .sidebar_inner ul ul li ul { padding-left:20px; margin-bottom:0; } #sidebar .sidebar_inner ul ul li ul li { list-style:none; line-height:1.6em; border-bottom:0; } /* Structure the footer area */ #footer_left { text-align:left; float:left; width:480px; line-height:1.6em; padding:10px 0 10px 20px; } #footer_right { text-align:right; float:right; width:390px; margin-left:0; padding:10px 20px 10px 0; } /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ body { font-size:13px; line-height:1.5em; background:#EEE; } body, #nav_link, #category_header, .nav li a, #cat_nav li a, .nav li.first a , .nav li a:hover, .nav li a:active, .nav li.current_page_item a, .nav li.current_page_item ul li a, .nav li ul li a:hover, #cat_nav li ul li a:hover, #cat_nav a:hover, #sidebar .sidebar_inner ul h3 a, #sidebar .sidebar_inner ul h3 a:hover, .metadata a:hover,cite.fn a,cite.fn a:hover, .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited, .navigation .wp-pagenavi .on, .navigation .wp-pagenavi .current, .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages, #content .comments-box h3, #commentform input.txt, #commentform textarea{ color:#111; } *{ margin:0; padding:0; } hr { background-color:#e6e6e6; clear:both; height:1px; border:0; margin:0 0 15px; } pre, .nav li ul li a,.nav li ul li a:visited, #cat_nav li ul li a, #cat_nav li ul li a:visited, #cat_nav a:hover, .current-cat a, .post-pages a:hover span, #nav_link, .commentlist li.bypostauthor { background:#337fda; } pre, .entry img, .attachment img, .commentlist li, .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages{ border:1px solid #e6e6e6; } pre, .entry img, .attachment img, .post-pages a span, .post-pages span, #sidebar .sidebar_inner ul h3, .commentlist code { padding:5px; } #header h1 a, #header h2 a, #footer a, #footer a:hover, #footer a:visited { color:#FFF; text-decoration:none; } #header h1 a:hover, #header h2 a:hover { text-decoration:none; } .nav li ul li ul, #searchform label, #searchsubmit, span.says,hr { display:none; } /* Text elements */ p { padding-bottom:10px; margin:0; } ul { list-style: disc; margin: 0 0 18px 1.5em; } ol { list-style: decimal; margin: 0 0 18px 1em; } 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; } em { font-style:italic; font-weight:400; } strong em,em strong { font-style:italic; font-weight:700; } del { text-decoration:line-through; } ins { background: #FFC; } pre{ overflow:auto; margin:0 0 10px; } code,tt { background:#f5f5f5; color:#666; display:inline; font-size:12px; line-height:20px; overflow:auto; margin:0; padding:2px 3px; } blockquote,q { quotes:none; background:url(images/quote.png) left top no-repeat; overflow:hidden; color:#888; font-style:italic; clear:both; margin:0 0 11px; padding:0 0 0 40px; } blockquote i, blockquote em, blockquote cite { font-style: normal; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } acronym, abbr { cursor: help; border-bottom: 1px dashed #999999; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: small; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: small; } big { font-size: large; } h1 { font-size: 1.8em; line-height: 0.9em; } h2 { font-size:1.5em; line-height:.9em; } h3 { font-size:1.2em; line-height:1.2em; } h4 { font-size:1em; line-height:1.5em; } h5 { font-size:.8em; line-height:1.8em; } h6 { font-size:.8em; line-height:1.8em; } a:link { color: #337FDA; text-decoration: none; } a:active, a:visited { color: #0350AD; text-decoration: none; } a:hover { text-decoration: underline; } /* Tables */ table, th, td { border: 1px solid #E8E8E8; border-collapse: collapse; margin: 5px 0 10px; padding: 5px 10px; } th { background-color: #E8E8E8; border-right: 1px solid #E0E0E0; } /* =Header -------------------------------------------------------------- */ #header { height: 135px; width: 950px; } #header h1, #header h2 { color:#FFF; font-size:2em; font-style:italic; line-height:1em; margin:0; padding:10px 0 0; } .description { color:#FFF; font-family:georgia; font-weight:700; letter-spacing:-1px; padding:0 5px 0 0; width:auto; } #header #header_right { float:right; width:468px; padding:35px 10px 20px 0; } #header #header_left { color: #FFFFFF; float: left; font-size: 1.2em; padding: 30px 0 0 20px; position: absolute; text-align: left; width: 430px; } .logo { overflow:hidden; max-height:80px; max-width:430px; } /* =Menu -------------------------------------------------------------- */ #nav_link, #category_header { height:33px; line-height:30px; margin:0 0 1px; border-bottom: 0px solid #E6E6E6; } .nav { display: inline; float: left; width: 78%; } .nav, #cat_nav { z-index:99; list-style:none; line-height:1; overflow:visible; clear:both; margin:0; padding:1px 0; } .nav a { z-index:100; position:relative; display:block; text-decoration:none; } .nav li, #cat_nav li { float:left; width:auto; display:inline-block; margin:0; } .nav li a, #cat_nav li a { line-height:18px; text-decoration:none; padding:7px 15px; text-transform:uppercase; z-index:0; } .nav li.first{ background:#DDD; } .nav li.first a, .nav li.current_page_item a{ } .nav li a:hover,.nav li a:active { background:#FFF; text-decoration:none; } .nav li.current_page_item ul li a{ } .nav li:hover > ul,#cat_nav li:hover > ul { display:block; z-index:2; } .nav li ul li:hover ul,#cat_nav li ul li:hover ul { left:0; } .nav li ul, #cat_nav li ul { border-color: #F0F0F0 #E6E6E6 ; border-style: solid; border-width: 1px 1px; left: -999em; position: absolute; width: 226px; z-index: 999; margin-left:0; } .nav li ul li, #cat_nav li ul li { border-bottom: 1px solid #E0E0E0; border-top: 1px solid #FAFAFA; list-style: none outside none; } .nav li ul li:first-child, #cat_nav li ul li:first-child{ border-top:none; } .nav li ul li a, .nav li ul li a:visited, #cat_nav li ul li a, #cat_nav li ul li a:visited { border-bottom: medium none; color: #111; padding: 7px 13px 6px; width: 200px; } .nav li ul li a, #cat_nav li ul li a { padding:7px 13px 6px; } .nav li ul li a:hover, #cat_nav li ul li a:hover { background:#DDD; border-bottom:none; } .nav li ul ul, #cat_nav li ul ul { margin:-32px 0 0 226px; } .nav li:hover, .nav li.hover, #cat_nav li:hover, #cat_nav li.hover { position:static; } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, #cat_nav li:hover ul ul, #cat_nav li:hover ul ul ul, #cat_nav li:hover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li li:hover ul.nav li li li:hover ul, .nav li li li li:hover ul, #cat_nav li:hover ul, #cat_nav li li:hover ul#cat_nav li li li:hover ul, #cat_nav li li li li:hover ul { left:auto; } /* search */ #search { display: inline; float: right; height: 24px; margin: 2px 9px 0 0; width: 21%; } #search input { background:#FFF; float:left; width:190px; font-size:13px; font-style:normal; color:#999; line-height:12px; border:1px solid #ddd; margin:1px 0 0; padding:5px 6px; } #search input.btn { background:none; border:none; width:auto; margin:7px 0 0 -22px; padding:0; } .error404 #content #search { display: inline; float: left; margin: 0 0 50px; width: 100%; } .error404 #content #search input#searchh { width:98%; } /* category menus */ #category_header { background:none repeat scroll 0 0 #FFF; border-bottom:3px solid #F0F0F0; border-top:1px solid #E6E6E6; } #cat_nav a { border-right:1px solid #E6E6E6; position:relative; display:block; text-decoration:none; } #cat_nav li a { text-transform:capitalize; padding:7px 10px; z-index:0; } #cat_nav a:hover { } .current-cat a{ color:#111 !important; } li.current-cat ul.children li a, li.current-cat ul.children li a:hover{ color:#111 !important; } #cat_nav li ul { margin-left:-1px; } /* =Content -------------------------------------------------------------- */ #content { margin-bottom: 10px; } #content, #content input, #content textarea { color: #111; font-size: 13px; line-height: 24px; } #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 5px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0 0 .5em 0; } #content h1.post-title, #content h2.post-title { font-size: 1.9em; font-style: normal; line-height: 1.1em; margin-bottom: 0; padding-bottom: 3px; } #content h1.post-title a, #content h2.post-title a { color:#337FDA; text-decoration:none; } #content h1.post-title a:hover, #content h2.post-title a:hover{ color:#1872E0; text-decoration:none; } #content a.more-link{ text-decoration:none; } #content img.wp-smiley { padding:0; border:none; background:none; } #content .sticky { background:#F0F0F0; border-top: 4px solid #CCCCCC; padding: 18px 20px; } .post { border-bottom:1px solid #E0E0E0; padding:0 0 10px; margin:0 0 20px; } .entry { font-size:1.1em; line-height:2em; padding:0; } .entry ul { list-style:disc; margin:0 0 0 7px; padding:0 0 10px 25px; } .entry ol { list-style-type:decimal; margin:0 0 0 7px; padding:0 0 10px 25px; } .entry ul li, .entry ol li { line-height:1.6em; padding:3px 0 3px 3px; } .entry blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .postmeta { margin-bottom:10px; color:#999; } #content .postmetadata { font-size:11px; margin-top:10px; margin:0; padding:5px 0; } #content .postmetadata a { text-decoration:none; padding:0; } #content .postmetadata a:hover { text-decoration:underline; } p.page-title { font-size: 1.5em; padding-bottom: 15px; } p a.post-edit-link { clear:both; display:block; } /* =Gallery -------------------------------------------------------------- */ #content .gallery { margin: auto; } #content .gallery .gallery-item { float: left; margin-bottom: 10px; text-align: center; width: 33%; } #content .gallery .gallery-caption { background: #F7F7F7; border: 1px solid #E6E6E6; clear: both; color: #888888; display: block; font-size: 12px; line-height: 1.5em; margin: 0; padding: 5px 0; text-align: center; } #content .gallery dl { margin: 0; } #content .gallery img { border: 1px solid #E0E0E0; } #content .gallery a:hover img { border-color: #CCC; } #content .gallery br+br { display: none; } /* =Attachment pages -------------------------------------------------------------- */ #content .attachment-page { width:650px; float:left; } #content .attachment img { display: block; margin: 0 auto; max-width: 650px; } #content .attachment-navigation { float: left; margin-left: 35px; width: 265px; } #content .attachment-navigation img{ margin: 0 20px 10px 0; float: left; } p.download-image{ text-align:center; } /* =Images -------------------------------------------------------------- */ #content img, #content .wp-caption, .commentlist img { margin: 0; max-width: 97.5%; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .alignnone{ display: block; } #content .wp-caption { background:#F7F7F7; border:1px solid #e6e6e6; text-align:center; padding:4px 0 5px; } #content .wp-caption img { border:0; margin:5px 0; padding:0; } #content .wp-caption p.wp-caption-text { font-size:11px; font-weight:400; line-height:12px; margin:0; padding:0; } .thumb { display:inline; float:left; margin: 10px 10px 0 0; } .thumb img { border:1px solid #E0E0E0; padding:5px; } /* =Navigation -------------------------------------------------------------- */ .navigation { display:block; margin:0; } /* wp-pagenavi */ .navigation .wp-pagenavi { letter-spacing:1px; text-transform:uppercase; font-weight:700; margin:0 0 15px; padding:5px 0 4px; } .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited { display:inline; background:#fff; text-decoration:none; border:1px solid #DDD; margin:0 0 0 2px; padding:7px 10px 6px!important; } .navigation .wp-pagenavi .on, .navigation .wp-pagenavi .current { border:1px solid #DDD; margin:0 0 0 2px; padding:7px 10px 6px; } .navigation .wp-pagenavi .on { background:#000; } .navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages { background:#FFF; padding:7px 10px 6px; } .navigation .wp-pagenavi .current, .navigation .wp-pagenavi a:hover { background:#337FDA; color:#FFF !important; text-decoration:none !important; } .navigation a.scroll { padding:1px 3px; } .navigation a:hover.scroll { background:#337FDA; color:#fff; text-decoration:none; padding:1px 3px; } .wp-pagenavi a.last { margin-top:10px; } /* Post pages */ .post-pages { clear:both; display:block; font-size:12px; overflow:hidden; margin:0; } .post-pages a span, .post-pages span { display:inline-block; cursor:pointer; line-height:100%; } .post-pages span { background:none; border:none; } .post-pages a span { background:#F5F5F5; border:1px solid #E7E7E7; color:#666; } .post-pages a:hover span { color:#666; text-decoration:none; border-color:#C1C1C1; } /* Posts Navigation */ .post-nav { overflow:hidden; margin:0; } .post-nav a { text-decoration:none; } .post-nav a:hover { text-decoration:underline; } .post-nav .alignleft { width:38%; padding:13px 0 0 0; } .post-nav .alignright { width:39%; text-align:right; padding:13px 0 0 0; } /* =Comments -------------------------------------------------------------- */ #respond { margin:15px 0; clear:both; } #respond p { color:#777; margin:0 0 10px; } h3.responds { font-size:1.5em; } #commentform { margin:10px 0 0; } #commentform label{ font-size: 12px; } #commentform input.txt, #commentform textarea { font-size:14px; line-height:14px; border-color:#ccc #efefef #efefef #ccc; border-style:solid; border-width:1px; } #commentform input.txt { background: #FCFCFC; clear: both; float: left; margin: 0 5px 10px 0; padding: 5px 7px; width: 170px; } #commentform textarea { background:#FCFCFC; width:97%!important; line-height:130%; padding:7px; } #commentform #submit { background: url(images/submit.gif) repeat-x scroll 0 0 transparent; border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD; border-style: double; border-width: 3px; cursor: pointer; font-size: 1.2em; margin-top: 10px; padding: 5px; width: 170px; outline-color:#DDD; } .button,.button:visited, .reply a, a#cancel-comment-reply-link{ font-weight:700; display:inline-block; color:#424242!important; text-decoration:none; position:relative; cursor:pointer; background-color:#FFF; border:1px solid #DDD; padding:5px 10px 6px; } .comments-box { padding:10px 0 0; } #content .comments-box h3{ border:none; display: block; font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 0; } #content p.comment-notes{ font-size:12px; } a#cancel-comment-reply-link{ display: block; font-size: 11px; margin-top: 10px; padding: 0 5px; width: 68px; } cite.fn { font-size:14px; font-weight:700; font-style:normal; letter-spacing:-.05em; display:block; padding-top:0; } .text { border:1px solid #e6e6e6; color:#777; width:200px; padding:2px; } .nopassword{ color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } /* Comment list */ ul.children { margin-left:0; } ol.commentlist { margin:0; padding:0; } .commentlist li { list-style:none; margin:10px 0 0; padding:15px; } .commentlist li.depth-2, .commentlist li.depth-4 { background:#fff; border-bottom:1px solid #E0E0E0; margin-left:15px; } .commentlist li.depth-3, .commentlist li.depth-5 { background:#fafafa; border-bottom:1px solid #E0E0E0; margin-left:15px; } .commentlist li blockquote { background:url(images/quote-comment.png) 0 8px no-repeat; margin:0 0 11px; padding:0 0 0 25px; } .commentlist code { background:#e6e6e6; } .commentlist p { clear:both; padding:0; font-size:1.1em; line-height:1.6em; } .commentlist .moderation { margin-top:10px; color:#600; } .commentlist .thread-even { background:#FAFAFA; } .commentlist .children { margin-top:15px; } .commentlist .comment-author { margin-bottom:5px; } #content .commentlist .avatar { margin-right:10px; float:left; border:1px solid #e9e9e9; background:#fff; padding:3px; } .commentlist .reply { text-align:right; margin:5px 0 0; } #content .commentlist .reply a, #content .commentlist .reply a:visited, #content .cancel-comment-reply a { color:#fff; text-align:center; font-size:11px; text-decoration:none!important; background:none; padding:0 6px 1px!important; } .commentlist .comment-meta { float:left; margin-bottom:15px; } .commentlist .comment-date a, .commentlist .comment-date a:visited { color:#888; font-size:1.1em; } .commentlist .comment-meta a { color:#666 !important; text-decoration:none; } .metadata a:hover, cite.fn a, cite.fn a:hover { text-decoration:none; } /* =Sidebar Areas -------------------------------------------------------------- */ #sidebar a:link, #sidebar a:visited { color:#337FDA; text-decoration:none; text-transform:capitalize; } #sidebar a:hover { text-decoration:underline; } #sidebar .sidebar_inner ul h3 { background:#F0F0F0; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; color: #111; font-size: 16px; font-weight: normal; margin: 0; } #sidebar .sidebar_inner ul h3 a{ text-decoration:none; } #sidebar .sidebar_inner ul h3 a:hover{ } .sidebar_inner ul ul li.current-cat a{ background:none; color:#337FDA !important; } .textwidget { padding:0 2px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; border: medium none; } #wp-calendar table, th, td{ border:none; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* =Footer -------------------------------------------------------------- */ #footer #inner-footer{ padding:0; } /* =Other Style -------------------------------------------------------------- */ /* clearfix */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } #crumbs { border-bottom: 1px dashed #E0E0E0; font-size: 11px; margin-bottom: 20px; padding: 0; line-height: 1.5em; } h2.center{ clear:both; } /* ads */ .ads-1{ padding:0; } .ads-2{ display:block; margin:10px 0; } .ads-3, .ads-3 img { border:none; clear:both; display:block; margin:10px 0; padding:0; }
thank you
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘How to change top menu text color’ is closed to new replies.