2

In reply to: Adding a ticker to the top bar?

#19335

I see there is. off to get it.

In reply to: Adding a ticker to the top bar?

#19334

1.1.4 Is there a newer one?

In reply to: Adding a ticker to the top bar?

#19332

It looks like a great article Ken; thanks. I’m excited to try it, but I’m not seeing an Advanced pane under Graphene Options. Is it under General or Display?

In reply to: Menu tab & font colors?

#18530

Thanks for clarifying that Kenneth. I wish I had more time to really delve into it instead of learning by trial and error.

Sara

In reply to: Menu tab & font colors?

#18528

Thanks for everyone’s help, especially Josh. Your code gave me plenty to learn from. The menu isn’t perfect, but at least the colors are no longer annoying. I think I get now that sprites are a way to make a gradient image or images upload as fast as possible; hope that’s a good interpretation.

I think I also finally understand that terms in CSS are coder-specific, which is why I couldn’t find much help for interpreting the terms specific to Graphene.

I found this page useful, BTW:

http://www.elated.com/articles/css-positioning/

Maybe it will help other newbs like me.

Sara

In reply to: Menu tab & font colors?

#18527

Thank you so much, Josh. I’ll study the code and see if I can see where I went wrong (duplications, I assume). Now to get the hovered over tab with the sub menu to not be black. I think I had it changed once in the sprite but lost it along the way.

Again, recommended refs for a quick learn of these terms? With a nonprofit, I’m on WordPress because I don’t have time to study to developer level, but would like to do more than flail around, trying out code.

Thanks again for your time,

Sara

In reply to: Menu tab & font colors?

#18525

OK, here goes:

/*

Theme Name: Graphene Child

Theme URI: http://happycatshaven.org/

Description: Child Theme for Graphene theme

Author: Sara

Author URI: http://happycatshaven.org/

Template: graphene

Version: 1.1.4

*/

@import url("../graphene/style.css");



#header-menu {

background: #C2BAD9;

}



#header-menu > li > a {

background: none repeat scroll 0 0 #C2BAD9;

color: #007272;

}



#header-menu > li > a {

color: #C2BAD9;

line-height: 16px;

padding: 9px 10px 10px;

}

#header-menu > li.menu-item-ancestor > a {

background: #C2BAD9 -877px -236px no-repeat transparent;

padding-left: 26px;

}



#header-menu > li:hover,

#header-menu > li.current-menu-item,

#header-menu > li.current-menu-ancestor {

background: #C2BAD9 left -100px repeat-x #eee;

}

#footer {

background: url("images/sprite_h.png") repeat-x scroll left -117px #009687;

box-shadow: 0 -3px 5px 0 #000000;

height: 29px;

color: #000000;

position: relative;

}

#header{

text-align:right;

}



#copyright h3 {

display: none;

}

#sidebar_bottom {

background: none repeat scroll 0 0 #c9e9de;

clear: both;

margin-top: -10px;

padding: 0 0 20px;

}

Hope I did that right?

Sara

In reply to: Menu tab & font colors?

#18523

In Firebug, I’ve managed to change all tabs in the header menu to purple (#C2BAD9) and the font to teal (#007272) with this code:

#header-menu {

background: #C2BAD9 repeat-x scroll left -100px #C2BAD9;

}

#header-menu > li > a {

color: #007272;

}

However, it doesn’t work when I place it in the child theme. I also tried adding it to the code that mentions hover, with no success:

#header-menu > li:hover,

#header-menu > li.current-menu-item,

#header-menu > li.current-menu-ancestor {

background: #C2BAD9 left -100px repeat-x #eee;

}

I’m assuming the code needs to be placed in the child theme in the same order as the original? They can all be found in the area between “Top level header menu, default state” and “Sub level header menu, default state”, is that correct? I don’t see where the lines are numbered.

Any other hints?

Sara

In reply to: Menu tab & font colors?

#18522

Thanks a bunch. I managed to get the submenus changed but the current tab is still showing white. Does that code live someplace else? I thought I had changed the header-menu color with this code:

#header-menu > li > a {

background: none repeat scroll 0 0 #C2BAD9;

}

The only other #fff code I see in there is this, but it doesn’t change when I replace it with purple:

#header-menu > li > a {

color: #fff;

line-height: 16px;

padding: 9px 10px 10px;

}

Is w3schools.com the best source for trying to get these terms straight or would you recommend another? I can see Syahir’s notes, but am not sure what they refer to.

Sorry to be so dense,

Sara

In reply to: Menu tab & font colors?

#18518

OK, another stupid question. When I get the file modified to the colors I want, where do I put it? Should I FTP it directly to my server or does it live somewhere on WordPress? I’m not seeing the Graphene images in the media files.

Thanks,

Sara