Blaskan theme help!

• 

  lenaelmone · Member · Jun 13, 2012 at 6:40 pm

  • Copy link
  • Add topic to favorites

  Hey all.

  I can’t seem to increase the font-size of my custom menu no matter what I do. Could someone tell me why?
  And I want to change the look of my custom menu when I hover over it to look like it does normally.

  Thanks a bunch! My site is Jeune et Conne

  (Here’s what I have so far in my css just so you can have an idea of what is going on. Maybe a code I have is preventing me from changing the font size or something.)

  #header {
  border-bottom:none;
  }

  .widget_blog_subscription #subscribe-field {
  height:25px;
  border:1px solid black;
  color:#444;
  }

  .widget_blog_subscription input[type=”submit”] {
  background:white;
  color:black;
  display:block;
  width:100%;
  padding:5px;
  border:2px solid white;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  }

  a,.entry-meta a,.entry-content a:visited,.page-link a:link,.page-link a:visited {
  color:black;
  }

  a:focus,a:active,a:hover,.entry-meta a:hover,.page-link a:active,.page-link a:hover {
  color:gray;
  }

  .menu {
  text-align:center;
  }

  .menu ul {
  display:inline-block!important;
  }

  #nav li {
  margin-right:100px;
  }

  .archive h1.page-title {
  display:none;
  }

  .menu {
  font-size:5em;
  }

  #nav a {
  background:#fff;
  background:-moz-linear-gradient(top,#fff);
  background:-o-linear-gradient(top,#fff);
  background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffffff’,endColorstr=’#fffffff’);
  -webkit-background-clip:padding-box;
  border:1px solid white;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#000;
  display:block;
  font-size:11px;
  font-weight:bold;
  line-height:20px;
  margin:0 1px 1px 0;
  padding:4px 10px;
  position:relative;
  text-decoration:none;
  text-shadow:0 1px 1px #fff;
  text-transform:uppercase;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Jun 15, 2012 at 5:22 pm

  • Copy link

  I can’t seem to increase the font-size of my custom menu no matter what I do. Could someone tell me why?

  This was answered at https://en.forums.wordpress.com/topic/blaskan-theme-help-1?replies=14#post-913304

• 

  designsimply · Member · Jun 15, 2012 at 5:26 pm

  • Copy link

  And I want to change the look of my custom menu when I hover over it to look like it does normally.

  Right now, when I hover over a menu item, it stays black but the other ones appear to turn lighter gray. I checked the Blaskan theme stylesheet and I found that it’s doing that with the opacity property. Add this to your Appearance → Custom Design → CSS to turn it off:

  #nav .menu > ul:hover > li {
  	opacity: 1;
  }

• 

  lenaelmone · Member · Jun 15, 2012 at 8:23 pm

  • Copy link

  Thank you!

  Also I’ve noticed that when I hover over my custom menu, if I leave my cursor a little bit on the outside of category (“my looks”, etc..) the old hover option still appears.

  Just wondering if that could be fixed or if it is inevitable.

  Thanks again!!!!

• 

  designsimply · Member · Jun 16, 2012 at 1:48 am

  • Copy link

  Try this:

  #nav li:hover > a {
  	background: inherit;
  }