Hello,
I am using a child theme called Neutica Plus for my blog at [[LINK href="http://audiopollination.com"]]http://audiopollination.com[[/LINK]]. It's parent theme is Thematic.
I have a custom menu widget in my #leading-sidebar-aisle, but the links are invisible because they are set to the same color as the background (#007098). [[LINK href="https://www.evernote.com/shard/s9/sh/a08e405b-c030-424f-96fe-3414ae3f4803/5004452a5055b760073f8f09fe40ed4f"]]screenshot[[/LINK]]
They show up in white upon hovering over them, but I would like to reverse that so their normal state is white, changing to #007098 with #fff background upon hover.
I'm a CSS rookie, so I'm having trouble doing it myself.
Here's a link to the [[LINK href="http://pastebin.com/3SsKv9fb"]]style.css[[/LINK]] code for the child theme, and here's the [[LINK href="http://pastebin.com/mg7SHDjt"]]functions.php[[/LINK]] code.
Please let me know if any additional info is needed on this end and thanks in advance!
Arnav Joy answers:
i have attached full modified style.css , please check it
Ant Lively comments:
Hi Arnav,
I don't see any attachment here..? Can you try to resend maybe?
Arnav Joy comments:
here is the full code of style.css
/*
Theme Name: Neutica+
Theme URI: http://fthrwght.com/neuticaplus
Description: A WordPress child theme built on the <a href="http://wordpress.org/extend/themes/thematic">Thematic theme framework</a>.
Author: Allan Cole
Author URI: http://fthrwght.com/
Template: thematic
Version: 1.5.2
Tags: 2 Column, Theme Options, Minimal, Typography,
.
Versions
1.5.2 Released February 22nd, 2011
- Fixes IE7 sidebar layout bug.
- Fixes IE6 Support
1.5.1 Released October 22st, 2010
- Fixes sidebar hover color in text-widgets.
- Fixes Thematic duplicate thumbnail issue.
1.5 Released October 21st, 2010
- Adds support for WordPress 3.0 (Custom Menus, Custom Headers & Feature Images).
- Fixes Thematic 0.9.7.+ Page menu bug.
- Adds a new Sliding featured content option.
- Header Menu now works independantly (Options do not rely on Sidebar Menu).
- Sidebar Menu is now a custom widget class.
- Adds a separate stylesheet for colors and option based styling (See: colors-settings.php).
- Adds hashtag.js for grid display.
- Removed logo and header option (replaced with WP3.0 header function).
1.4.3 Released November 2nd, 2009
- Fixes the Neutica+ Options page errors that some users were experiencing.
- Fixes image URLs for posts without image attachments (no more broken thumbnail images).
1.4 Released October 12th, 2009
- Initial Release.
Neutica+ is © Allan Cole for http://fthrwght.com/
.
*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');
/* The Grid (Uncomment this to show the grid)
#wrapper {background:transparent url('img/grid.png') top left repeat;} */
/* Apply a basic layout */
body {min-width:985px}
#wrapper {margin:15px 0 0 15px;}
#header {position:relative}
#branding {width:985px; margin:0}
#access {position:relative; overflow:hidden}
#main {width:985px; margin:0; overflow:visible; position:relative; display:block;}
#container {width:585px; margin:0 400px 0 0; float:left; clear: none; display:block; position:relative; overflow: hidden}
#sidebar {width:285px; margin:0 0 0 -700px; float: right; clear: right; display:block; position:relative; overflow: hidden}
#content {margin:0; width:585px; display:block; overflow:visible; clear:none;}
#footer {clear:both}
#siteinfo {clear:both;width:975px;margin:0}
/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');
/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
/* =Global Elements
-------------------------------------------------------------- */
body {background:#FFF;color:#000;}
body.wordpress {background:url('http://www.audiopollination.com/wp-content/uploads/2012/01/wood_blu_75percent_opt.jpg');}
body, input, textarea {font-size:14px;font-family: Helvetica, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;line-height:22px}
p, ul, ol, dd, pre{ margin-bottom:22px}
pre, code{font:14px Monaco,monospace; line-height:22px}
blockquote{font-style:italic}
table{ border:1px solid #ccc;border-width:1px 1px 0 1px;font-size:13px;line-height:18px;margin:0 0 22px 0;text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
a {text-decoration:none;padding:0px;margin:0px;}
a:link, a:visited {color:#000;text-decoration:none;font-weight:600;}
a:active, a:hover {background:#000;color:#FFF;}
h1, h2, h3, h4, h5, h6 {font-weight:600;clear:none;}
input, textarea {background:#000;border-color: #000;border-width:1px;color:#FFF;}
/* =Header
-------------------------------------------------------------- */
#header {width:985px;clear:both;float:none;display:block;position:relative;z-index:100;}
#header a {text-decoration:none;}
#branding {display:table;vertical-align:middle;width:985px;}
#blog-title {font-size:68px;:60px;letter-spacing:-2px;width:585px;display:inline;float:left;}
#blog-title a {display:block;padding:5px;margin:0;color: white;}
#blog-title a span {}
#blog-description {display:table-cell;vertical-align:middle;line-height:18px;color: white;font-weight:400;width:230px;padding:5px;}
/* =Menu
-------------------------------------------------------------- */
#access {border-bottom:0; height:30px;font-size:20px; overflow:visible; z-index:100; margin:0 0 50px; position:relative;}
.skip-link{ display:none}
/* Essential Thematic styles */
.sf-menu,
.sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; font-weight:600; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0; top:34px; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:-10px}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:-10px}
/* Header page menu styles */
.menu {width:985px;background:#000;}
.menu ul {margin:0;padding:3px;display:table;border:none;background:#000;}
.menu ul li a {padding:5px;margin:0 1px 0 0;display:block;background:#000;color:#FFF}
.menu ul li a:hover {color:#000;background:#FFF;}
.menu ul li a:after {content:".";}
.menu ul li.current_page_item a {background:#FFF;color:#000;cursor:default;}
.menu ul li.current_page_item ul {background:#FFF;}
.menu ul li.current_page_item ul a {background:#000;color:#FFF}
.menu ul li.current_page_item ul a:hover {background:#FFF;color:#000}
.menu ul li.current_page_parent a {background:#FFF;color:#000}
.menu ul li.current_page_parent a:hover {background:#000;color:#FFF}
.menu ul li.current_page_parent ul li a {background:#000;color:#FFF}
.menu ul li.current_page_parent ul li a:hover {background:#FFF;color:#000}
.menu ul li.current_page_parent ul li.current_page_item a {background:#FFF;color:#000}
/* =Featured (Sticky) Posts
-------------------------------------------------------------- */
#neutica-feature {width:585px;margin:0; float:left; clear: left; display:block; position:relative; overflow: hidden; z-index:20}
#neutica-feature .post {padding:10px 0 15px;margin:0;width:585px;min-height:155px;clear:none;border:none;position: relative;}
#neutica-feature .post p {margin:0;padding:0 15px;position: relative;z-index:3}
#neutica-feature .post h2 {margin-bottom:6px;padding:0 15px;font-size:24px;line-height:24px;position: relative;z-index:2}
#neutica-feature .post .post-image-container {position:absolute;top:0;left:0;margin:0;padding:0;width:585px;height:155px;z-index:1;display:block;}
#neutica-feature .post:hover .post-image-container {display: none;}
/* Featurted Slider Styles
- http://css-tricks.com/examples/AnythingSlider/
-------------------------------------------------------------- */
/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
.anythingSlider .anythingWindow{overflow:hidden; position:relative; width:100%; height:100%}
/* wrapper:45px right &left padding for the arrows, 28px @ bottom for navigation */
.anythingSlider{position:relative; padding:0; }
/* anythingSlider base UL */
.anythingBase{background:transparent; list-style:none; position:absolute; top:0; left:0; margin:0}
.anythingBase li.panel{background:transparent; display:block; float:left; padding:0; margin:0}
/**** Make adjustments here. ****/
.anythingSlider {width:785px;height:285px;margin: 0 0 30px;padding:0;position:relative;overflow:visible;float:right;clear:none; z-index:20}
#neutica-sliding-feature {float:left;clear:none;}
.anythingSlider li h2.entry-title {margin:0;padding:10px 15px 0;font-size:24px;line-height:24px;width:170px;float:left;clear:both;display:block;}
.anythingSlider li p {margin:0 0 6px;padding:0 15px;width:165px;float:left;clear:both;display:block;}
.anythingSlider li .entry-slider-image {position:absolute;top:0;left:200px;width:585px;height:285px;}
.anythingSlider li a {color:#FFF;padding:5px;margin:auto -5px;font-weight:800;}
.anythingSlider li a:hover {color:#000;background:#FFF;}
.anythingSlider .arrow,
.anythingSlider .anythingControls {display:none;}
#title-navigation {width:185px;height: 285px; float:left;margin:0;list-style:none;border-top:1px solid #000; overflow:hidden;}
#title-navigation a {margin:0;display:block;border-bottom:1px solid #000;font-size:16px;line-height:22px;font-weight:800;cursor: pointer;}
#title-navigation a.current {background:#000;}
/* =Navigation
-------------------------------------------------------------- */
.navigation, .attachment-nav{font-size:24px;background-color:#000;line-height:24px;padding:15px;overflow:hidden}
.attachment-nav {margin-top:30px;}
.navigation a, .attachment-nav a{text-decoration:none;color:#FFF;display:block;padding:5px;margin:-5px;}
.navigation a:hover,.navigation a:active,.navigation a:focus{color:#000;background:#FFF;}
.navigation .meta-nav{font-style:normal;}
.nav-previous a {padding-left:0px;}
.nav-next a {padding-right:0px;}
.nav-previous, .attachment-previous{float:left;max-width:265px}
.nav-next, .attachment-next{float:right;max-width:265px;text-align:right}
#nav-above {width:555px;margin-bottom:0;display:none}
#nav-below {width:555px;margin-bottom:15px;}
.home .navigation {padding-top:10px;}
.paged #nav-above {display:block;}
.archive.paged #nav-above {display:block;margin-top:30px;}
.archive #nav-below {padding-top:10px;}
.home #nav-below {clear:both;float:none;display:block;margin-bottom:22px;}
/* =Content
-------------------------------------------------------------- */
#content {border-top:5px solid #000;}
.hentry {width:585px;padding:15px 0;position:relative;display:block;overflow:hidden;border-bottom:5px solid #000;}
.p1 {padding-top:15px;}
.entry-title {font-size:24px;letter-spacing:-0.0125em;width:185px;margin:-10px 0 0 15px;float:right;clear:right;font-weight:600;}
.entry-title a {color:#000;display:block;padding:15px 5px 15px;margin:-5px auto 0}
.entry-title a:hover {background:#000;color:#FFF;color:#000;}
.entry-meta, .entry-utility {width:185px;margin:0 0 9px 15px;float:right;clear:right;display:inline;border-top:1px solid #000;color:#777}
.entry-content {clear:left;display:table;padding:0px 10px 0 5px;margin-left:0px;margin-right:0px;}
.entry-content p {max-width:575px;font-size:14px;color:#777;}
.entry-content p a {/*margin:auto -5px;padding:1px 5px;display:inline-block;*/}
.entry-content p a:hover {text-decoration:underline;color:#000;background:transparent;}
.entry-content img {margin-left:-5px;}
.entry-content blockquote {padding:15px;margin:0 0 18px 95px;background:#000;color:#FFF;font-size:18px;letter-spacing:0.05em;font-weight:300;}
.entry-content blockquote p {margin:0;padding:10px 0;font-size:18px;letter-spacing:0.05em;font-weight:300;}
.entry-content blockquote a {color:#FFF;font-weight:600;}
.entry-content blockquote a:hover {color:#FFF;text-decoration:underline;}
.entry-content ul {list-style:square;list-style-position:inside;border-top:1px solid #000;margin-left:-5px;}
.entry-content ol {list-style:upper-alpha;list-style-position:inside;border-top:1px solid #000;margin-left:-5px;}
.entry-content ul li ul {margin-bottom:-1px;margin-left:15px;}
.entry-content ol li ol {list-style:lower-alpha;list-style-position:inside;margin-bottom:-1px;margin-left:15px;}
.entry-content ul li,
.entry-content ol li {border-bottom:1px solid #000;padding-left: 5px;}
.entry-content ul li a,
.entry-content ol li a {padding:2px 5px;margin:0 -5px;display:inline-block;}
.entry-content ul li a:hover,
.entry-content ol li a:hover {background:#000;color:#FFF;}
.entry-content ul#archives-page {border-top:none;margin-bottom:18px;width:585px;clear:both;display:table;}
.entry-content ul li.content-column {list-style:none;margin:0 0 18px;border:none;width:280px;float:left;clear:none;display:block;}
.entry-content ul li.content-column ul {margin-left:-5px;}
.entry-content ul li.content-column ul ul {margin-left:15px;}
.entry-content ul li.content-column ul li:hover,
.entry-content ul li.content-column ul li:hover a {background:#000;color:#FFF;}
.entry-content ul li#monthly-archives{float:right;}
.entry-content h1 {font-size:4em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h2 {font-size:3.25em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h3 {font-size:2.75em;line-height:1em;margin-bottom:18px;letter-spacing:-0.0125em;}
.entry-content h4 {font-size:2em;line-height:1em;margin-bottom:18px;}
.entry-content h5 {font-size:1.5em;line-height:1em;margin-bottom:16px;}
.entry-content h6 {font-size:1em;line-height:1em;margin-bottom:12px;}
.entry-content input,
.entry-content textarea{font-size:14px;line-height:20px;padding:5px;margin: auto -5px;}
.entry-content textarea {width:573px;}
/* Thmumbnails */
.entry-thumb-image {position:absolute;display:block;float:left;clear:left;width:185px;height:185px;background:transparent;text-align:right;overflow:hidden;margin-bottom:15px;}
.entry-thumb-image a {padding:0;margin:0;}
.entry-thumb-image img {position:relative;display:table-cell;text-align:right;vertical-align:top;}
/* Single posts */
.single .p1 {padding-top:22px;}
.single .hentry {border-bottom:none;}
.single .entry-title {font-size:38px;line-height:40px;width:375px;min-height:135px;display:block;padding:10px 5px 10px;margin:5px -5px 15px;float:left;clear:right;font-weight:600;}
.single .entry-meta, .single .entry-utility {width:185px;margin:0;float:right;clear:right;display:inline;}
.single .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:22px 5px 0;margin:23px 0 0;}
/* Full posts */
.full-post {padding-top:10px}
.full-post .entry-title {font-size:36px;line-height:36px;width:375px;display:block;padding:0 5px 5px;margin:5px -5px 10px;float:left;clear:right;font-weight:600;}
.full-post .entry-title a {padding:5px 10px;margin:-5px auto 0}
.full-post .entry-meta, .full-post .entry-utility {width:185px;margin:0;float:right;clear:right;display:inline;border-top:1px solid #000;}
.full-post .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:10px 5px 0;margin:23px 0 0;}
/* Pages */
body.page .hentry {margin-bottom:22px;}
body.page .p1 {padding-top:22px;}
body.page .entry-title {font-size:30px;line-height:36px;width:575px;display:block;padding:15px 10px 30px;;margin:0;float:left;clear:right;font-weight:600;}
body.page .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:15px 15px 0 5px;margin-left:0;}
.entry-title.single-page-title, .p1 .entry-title.single-page-title {font-size:48px;line-height:42px;width:585px;display:block;margin:0 -5px;float:left;clear:right;font-weight:600;padding:0 5px 15px;}
/* 404 */
.error404, .noresults {width:585px;padding:22px 0 15px;position:relative;display:block;overflow:hidden;border-bottom:5px solid #000;}
.four04 .entry-title, .search-no-results .entry-title {font-size:48px;line-height:40px;width:375px;display:block;padding:15px 10px 30px;margin:0;float:left;clear:right;font-weight:600;}
.four04 .entry-content, .search-no-results .entry-content {clear:both;float:none;width:585px;display:table;border-top:1px solid #000;padding:15px 5px 0;margin-left:0;}
.four04 input#error404-s, .search-no-results input#noresults-s {margin:0 0 7px;padding:5px;width:273px;font-size:14px;line-height:20px;}
.four04 input#error404-searchsubmit, .search-no-results input#noresults-searchsubmit {font-size:16px;font-weight:600;padding:2px 5px;}
/* Single pages */
.meta-utility {padding:1px 0;line-height:19px;display:block;border-bottom:1px solid #000;padding:0px 5px 0;margin-bottom:-1px}
.meta-utility a {padding:2px 0;margin:00;display:inline-block;}
.meta-utility abbr {padding:2px 5px;margin:0 -5px;display:inline-block;border-bottom:none;font-weight:600;}
.meta-utility:hover, .meta-utility:hover a, .meta-utility a:hover, .meta-utility abbr:hover {background:#000;color:#FFF;}
/* Extras */
.feature-sticky {padding-top:10px;margin:0;}
.page-title {width:555px;padding:5px 15px 10px;font-size:24px;background:#000;color:#FFF;}
.page-title a{text-decoration:none;color:#FFF;display:block;padding:5px;margin:-5px;}
.page-title a:hover,.navigation a:active,.navigation a:focus{color:#000;background:#FFF;}
.attachment .page-title, .tag .page-title, .date .page-title, .search .page-title {padding:10px 15px 15px;}
.page-title span {font-size:24px;}
.archive-meta {background:#000;color:#FFF;width:555px;padding:0 15px 15px;}
.archive-meta p {margin-bottom:0;}
.page-link {border-top:5px solid #000;margin-left:-5px;padding:5px;font-size:16px;}
#author-info {background:#000;color:#FFF;padding:15px 15px 30px 75px;overflow:hidden;position:relative;}
#author-info .entry-title {display:none;}
#author-info a {color:#FFF;padding:0 5px;float:left;clear:none;display:inline-block}
#author-info img {float:right;width:52px;height:52px;position:absolute;left:15px;top:0;}
#wrapper a.post-edit-link, #wrapper a.comment-edit-link {color:red;}
/* =Comments
-------------------------------------------------------------- */
#comments{padding:22px 0 0 0;width:585px;font-size:13px;line-height:20px;}
#comments input,
#comments textarea{font-size:14px;line-height:20px;padding:5px;margin: auto -5px;}
#comments textarea {width:100%;}
#comments input#submit {font-size:16px;font-weight:600;}
#comments code{ font-size:12px; line-height:20px}
#comments h3{ letter-spacing:-0.0125em;font-size:24px; font-weight:bold; line-height:22px; padding:0 5px 5px}
#comments-list{ padding:0 0 18px 0}
#comments-list ol,
#comments-list ul{ list-style:none; margin:0 0 -24px;}
#comments-list ol{ border-top:5px solid #000; border-bottom:none; margin:0 0 18px 0}
#comments-list li{ background:transparent; border-bottom:5px solid #000; padding:5px 0; position:relative}
#comments-list li.alt{}
#comments-list li.bypostauthor, #comments-list li.byuser {padding-top:0;}
#comments-list li.byuser .comment-author a, #comments-list li.byuser .comment-meta a, #comments-list li.byuser .comment-meta .meta-sep {color:#FFF;background:#000;}
#comments-list li.byuser .comment-author a:hover, #comments-list li.byuser .comment-meta a:hover {color:#000;background:#FFF;}
#comments-list li.byuser .comment-author, #comments-list li.byuser .comment-meta, meta-sep {background:#000;color:#FFF}
#comments-list li.byuser .comment-author {background:#000;color:#FFF;}
#comments-list ul li{ border:1px solid #000; border-width:5px 0 1px; margin:0 0 18px 100px}
#comments-list li .avatar{ position:absolute; top:6px; left:5px; width:48px; height:48px}
#comments-list li.byuser .avatar {top:1px;}
#comments-list .comment-author{font-weight:bold; font-size:16px; padding:5px 0 0 60px;}
#comments-list .comment-author .fn a {padding:4px 5px; margin:auto -5px;}
#comments-list .comment-meta{ font-size:11px; padding:0 0 10px 60px; border-bottom:1px solid #000;color:#777}
#comments-list li.byuser .comment-meta {padding-bottom:9px;}
#comments-list .comment-meta a{text-decoration:none; padding:3px 5px; margin:auto -5px;}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover{}
#comments-list .comment-content {padding:5px;line-height:22px;}
#comments-list .comment-content p {color:#777}
#comments-list .comment-content ul,
#comments-list .comment-content ol {margin-bottom:18px;}
#comments-list .comment-content ul li,
#comments-list .comment-content ol li {border:none;padding:0;margin:0;list-style:square;list-style-position:inside;}
.comment-reply-link{ font-size:12px;padding:0;text-align:right;}
.comment-reply-link a{text-decoration:none;padding: 5px;}
.comment-reply-link a:active,
.comment-reply-link a:hover{}
.comment-navigation{ font-weight:bold; padding:0 0 18px 0; margin-right:0.5em}
.comment-navigation a{ border:1px solid #000; font-weight:normal; padding:0.5em 0.75em; text-decoration:none}
.comment-navigation a:active,
.comment-navigation a:hover{}
.comment-navigation a,
.comment-navigation span{}
#trackbacks-list .comment-author{font-size:16px; padding:3px 5px;border-bottom:1px solid #000;}
#trackbacks-list .comment-author a {font-weight:bold;}
#trackbacks-list .comment-content{display:none;}
#trackbacks-list ol,
#trackbacks-list ul{ list-style:none; margin:0 0 -24px;}
#trackbacks-list ol{ border-top:5px solid #000; border-bottom:none; margin:0 0 18px 0}
#trackbacks-list li{ background:transparent;padding:0; position:relative}
#trackbacks-list li a {padding:5px;margin:-5px;}
#respond{ background:transparent; margin-bottom:22px; overflow:hidden; padding:18px 0; position:relative}
#respond h3 {border-bottom:5px solid #000;}
#comments-list #respond{ border-bottom:1px solid #000; margin:0 0 18px 0; padding:18px 0;}
#comments-list #respond h3 {border-bottom:1px solid #000;}
#comments-list ul #respond{ margin:0 0 0 100px;border-bottom:none;}
#comments #login {padding:3px 5px;}
#comments #login a {padding:5px;margin:-5px;}
#cancel-comment-reply {float:right;margin-top:3px;}
#cancel-comment-reply a{text-decoration:none;padding:5px;}
#respond .required{ color:#FF4B33; font-weight:bold}
.form-section {padding:0 5px}
.form-section label{font-size:12px;}
.form-section input{margin:0 0 18px 0;}
.form-section textarea{width:100%}
#form-allowed-tags p{color:#000;font-size:11px; margin:0}
#form-allowed-tags span{font-style:italic}
#form-allowed-tags code{font-size:11px; line-height:normal}
.form-submit{ padding:18px 5px 0;text-align:left;}
.subscribe-to-comments{color:#000;float:left; font-size:11px; margin:0; padding:18px 0 0 0}
.solo-subscribe-to-comments{ color:#000; font-size:11px; padding:18px 0 0 0}
.comment_license{ color:#000; clear:both; font-size:11px; margin:0; padding:18px 0 0 0}
/* =Asides
-------------------------------------------------------------- */
.aside h3 {font-size:26px;line-height:26px;letter-spacing:-0.0125em;padding:0 5px 5px;margin:0;border-bottom:0px solid #000;background:transparent;}
.aside ul {list-style:none;margin:0;color:#777}
.aside ul li.widgetcontainer {border:none;margin-bottom:24px;}
.aside ul li.widgetcontainer h3 {color:#ffffff;background-color:#007098;}
.aside ul li.widgetcontainer h3 a {color: #fff}
.aside ul li.widgetcontainer ul {border-top:1px solid #000;margin-top:-1px;}
.aside ul li.widgetcontainer ul li {padding:0;border-bottom:1px solid #000;}
.aside ul li.widgetcontainer ul li ul {list-style:square;list-style-position:inside;margin-left:15px;margin-bottom:-1px;}
.aside ul li.widgetcontainer ul li a {display:inline-block;padding:0 5px 1px;margin:0;color:white}
.aside ul li.widgetcontainer ul li a:hover{color:#007098;}
.aside ul li a:hover,
.aside ul ul li:hover,
.aside ul ul li li:hover a {background:#000;color:#FFF;}
.aside ul li.widgetcontainer ul li ul a {margin: auto -5px;}
/* In-content widget styles */
#content .aside {background:#000;color:#FFF;}
#content .widgetcontainer {margin:0;}
#content .widgetcontainer h3 {border-color:#FFF;padding-bottom:4px;}
#content .widgetcontainer ul {border:none;}
#content .widgetcontainer ul li {margin:0;padding:0;display:inline-block;border-color:#FFF;border-bottom-width:0;}
#content .widgetcontainer ul li ul{display:none;}
#content .widgetcontainer a {color:#FFF;}
#content .widgetcontainer a:hover {background:#FFF;color:#000;}
#leading-sidebar-aside {margin-bottom:0;}
#leading-sidebar-aside h3 {color:white;background-color:#007098;}
#primary {width:133px;float:left;position:relative;}
#secondary {width:132px;float:right;clear:right;position:relative;}
#index-top, #single-top, #page-top {clear:both;float:none;padding:15px;margin-top:15px;}
#index-bottom, #single-insert, #single-bottom, #page-bottom {clear:both;float:none;padding:15px;margin-bottom:35px;}
/* =Widgets
-------------------------------------------------------------- */
.aside .widget_search input#s {width:128px;padding:1px;}
.aside .widget_search h3 {border:none;}
.aside .widget_search input#searchsubmit{display:none;}
.aside li.widget_tag_cloud{margin:0 0 21px 0}
.aside li.widget_tag_cloud div {padding:5px;border-bottom:1px solid #000;}
.aside li.widget_tag_cloud a {padding:5px;margin:-5px;}
.aside ul li.widgetcontainer.widget_recent_entries ul li {padding:1px 5px 0;}
.aside ul li.widgetcontainer.widget_recent_entries ul li a {padding:0;line-height:14px;}
.aside li.widget_recent_comments li.recentcomments {padding:5px 5px 6px;line-height:12px;}
.aside li.widget_recent_comments li.recentcomments a {padding:0;}
.aside li.widget_calendar {margin-top:24px;}
.aside li.widget_calendar h3 {display:none;}
.aside li.widget_calendar caption {font-size:16px;padding:0 5px 5px;margin-top:0;font-weight:600;}
.aside li.widget_calendar #calendar_wrap {width:133px;padding:0;margin:0;font-size:10px;display:block;}
.aside li.widget_calendar table {border-width:5px 0px 1px;margin:0;width:100%;}
.aside li.widget_calendar th,
.aside li.widget_calendar td{padding:3px 4px;font-size:10px;border-width:1px 0;}
.aside li.widget_calendar td a {display:inline-block;padding:3px 4px;margin:-3px -4px;}
.aside li.widget_calendar td#next {text-align:right;}
#sidebar .aside li.widget_text {margin-top:0;padding:0;}
#sidebar .aside li.widget_text .textwidget {padding:5px;border-bottom:1px solid #000;}
/* Custom page menu widget */
#leading-sidebar-aside .widget-title,
#leading-sidebar-aside .widget_neutica_nav_menu h3 {display:none;border:none;position:absolute;}
#leading-sidebar-aside .menu {width:285px;padding:0;right:0;}
#leading-sidebar-aside .menu ul {width:255px;font-size:22px;margin:0;padding:10px;display:table;border:none;}
#leading-sidebar-aside .menu ul li {display:inline;float:left;}
#leading-sidebar-aside .menu ul li a {padding:5px;margin:0;display:block;}
#leading-sidebar-aside .menu ul li a:after {content:".";}
#leading-sidebar-aside .menu ul li.page_item ul,
#leading-sidebar-aside .menu ul li.page_item ul li,
#leading-sidebar-aside .menu ul li.page_item ul li a {display:none;border:none;width:0;height:0;}
#leading-sidebar-aside .children[style] {display:none !important;}
#leading-sidebar-aside li.widget_calendar #calendar_wrap {width:285px;padding-bottom:24px;}
#leading-sidebar-aside .widget_search input#s{margin:0 0 7px;padding:5px;width:273px;font-size:14px;line-height:20px;}
/* Do not place the custom Neutica+ page menu widget in Primary or Secondary sidebars. */
#secondary .widget-neutica-nav-menu,
#primary .widget-neutica-nav-menu,
#secondary #neutica-page-menu,
#primary #neutica-page-menu {display:none;height:0;}
/* =Footer
-------------------------------------------------------------- */
#siteinfo {padding:5px;border-top:1px solid #000;margin-top:15px;margin-bottom:15px;}
#siteinfo p {margin:5px 0;}
#siteinfo small {display:none;}
/* =Images
-------------------------------------------------------------- */
.alignleft,
img.alignleft{float:left; margin-right:20px}
.alignright,
img.alignright{display:block; float:right; margin-left:20px; margin-right:-5px;}
.aligncenter,
img.aligncenter{margin-left:auto; margin-right:auto; display:block; clear:both}
.wp-caption{text-align:center; margin-bottom:18px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{margin:0; padding:5px}
.gallery a {border:none;background:transparent;}
.gallery a:hover {border:none;background:transparent;text-decoration:underline}
.gallery img{margin:0}
.wp-smiley{/* Prevent the smileys from breaking line-height */max-height:12px; margin:0 !important}
/* Grid */
#neuticagrid{ /* Vertical grid lines */ background:url(img/grid.png) repeat 0 0; /* Dimensions - same width as your grid with gutters */ width:985px; /* Grid (left-aligned) position:absolute; top:0; left:0; */ /* Grid (centered) */ position:absolute; top:0; left:50%; margin-left:-493px}
/* Horizontal grid lines, defined by your base line height */
#neuticagrid div.horiz{ /* 20px line height */ height:21px; border-bottom:1px dotted #aaa; margin:0; padding:0}
/* =Browser Proofing
-------------------------------------------------------------- */
.ie7 #sidebar,
.ie6 #sidebar {margin-left:-285px;}
.msie.ie6 #primary {margin-right:20px;}
Ant Lively comments:
That's close.. They now show up in white in their normal state, but I mentioned that I'd also like for them have a white text-background upon hover.
And I was actually just looking to have someone point-out what specific adjustments I need to make in which lines of my styles.css sheet, so I'll understand it better going forward. Could you point-out the edits you make?
Thanks again!
Arnav Joy comments:
go to line 377 and find following
.aside ul li.widgetcontainer ul li a {display:inline-block;padding:0 5px 1px;margin:0;}
and replace with
.aside ul li.widgetcontainer ul li a {display:inline-block;padding:0 5px 1px;margin:0;color:white}
add following
.aside ul li.widgetcontainer ul li a:hover{color:#007098 !important;}
Ant Lively comments:
I just realized that this changes the color of ALL ul li.widgetcontainer text to white (take a look at the url). I am only looking adjust the text links in the menu.
And the white text-background hover effect still isn't addressed..
Arnav Joy comments:
add these two lines in style.css
ul#menu-sidebar-menu li a{color:white !important;}
ul#menu-sidebar-menu li a:hover{color:#007098 !important;}
Ant Lively comments:
Ok great. That limited the change to just the menu, but the hover-state is still not addressed. I am just trying to get the menu behavior to replicate the behavior of the featured-post slider.
Here's a [[LINK href="https://www.evernote.com/shard/s9/sh/3ea8be13-60d2-483b-bff9-713e0d1bb292/dde821f7ef341de922703c1b8334fe39"]]screenshot[[/LINK]] to illustrate what I mean, but you can also just visit the site.
Arnav Joy comments:
replace the line 445 with this
ul#menu-sidebar-menu li a:hover {
color: #007098 !important;
}
Ant Lively comments:
That doesn't work either (changes are now live on the site). Did you understand what I meant about replicating the behavior of the slider links? (https://www.evernote.com/shard/s9/sh/42033873-13e2-4c89-8465-7772439a23e2/9f316215923423837ac7b3aab8f5a242)
I just want to replicate that in the menu.
Arnav Joy comments:
this following code will give you white colored text normally and when hovered then the li bg will be white and the text different color , try it
add these two lines in style.css
ul#menu-sidebar-menu li a{color:white !important;}
ul#menu-sidebar-menu li:hover{color:#007098 !important; background-color:white !important;}
see attached screenshot