Hi Guys,

First of all, very artistic theme and one of the best on Drupal. Congrats.

I am looking at the Primary menu and they look almost hidden. There is a small dot abouve that and it discolors ever so slightly....

I am wondering if there is an easy way to make this a bit less settle or rather in your face by making big color contrast upon hovering...

Any suggestion will be appreciated. Line numbers of CSS will also be very useful.

Best

CommentFileSizeAuthor
#1 plink_hover.png134 bytesdanrasband

Comments

danrasband’s picture

StatusFileSize
new134 bytes

The Primary Links CSS settings start around line 290 in style.css. I've done a few modifications myself, so it might be off by a few lines. You can always do a search on "primary links" though, to find it.

If you want to make it a little bit more intense when a user hovers over the primary links, go ahead and change the code so that it looks something like this (it puts a slightly transparent white image over the link:

/*- Primary links in Header */


#utilities #plinks {
     font-size:90%;
     position:absolute;
     left:0px;
     bottom:0px!important;
     bottom:-1px;
     }

#utilities #plinks ul li{
     display: inline;
     float:left;
     margin-right: -2px;
     background-image: url(img/menuline.png);
     background-repeat: no-repeat;
     background-position: right -4px;
     padding:4px 7px 4px 7px;
     }

#utilities #plinks ul li a {
     color: #000000;
     text-transform:capitalize;
     padding:5px 10px 5px 10px;
     display:block;
     background-image: url(img/down_arrow.png);
     background-repeat: no-repeat;
     background-position: center top;
     }

#utilities #plinks ul li a:hover {
     background-image: url(img/plink_hover.png);
     background-repeat: repeat;
     color: #000000;
     text-decoration: none;
     }
	

#utilities #plinks ul li a.active,
#utilities #plinks ul li a.active:hover {
     color: #000000 !important;
     background-image: url(img/plink_hover.png);
     background-repeat: no-repeat
     background-position: center top;
     text-decoration: none;
     font-weight: normal;
     }

Of course, you'll have to make a new .png file or use the one that I've uploaded here...
Good luck.