Forum Replies Created
-
I could not find the page number for my pages after I changed the permalinks to show the page name rather than the number. Another post on this forum (https://forum.graphene-theme.com/graphene-support/how-to-know-page-id-to-show-specific-pages-in-home-page-slider#post-7112)said to install the plugin that allows you to categorize pages and then select category option for the slider pages, which is what I did. It works fine but I just cannot find a way to change the order.
I created a child theme and once I activated that, the custom css plugin no longer seemed to work properly. So thank you for pointing out the Custom CSS in the Graphene Options menu. I was wondering why my custom css plugin changes were having no affect. Was near the point of extreme frustration this morning until I read your reply. The same changes worked perfectly in the Custom CSS in the Graphene Options menu.
Also removed the background-url-none from the code in the custom css so that it does not look for the background image.
BTW, how can you see my css files?
Thanks, that explains a lot. Glad that I backed up my style.css file before I started.
I didn’t know that Custom CSS was a plugin, thought that I had to update the stylesheets directly. I used that on the free wordpress side so I know how it works.
Added the plugin, used the code you provided edited with the color I wanted for default and the code from the light stlyesheet for the hover items and edited to include the hover color that I wanted and it worked great.
Thanks so much.
I have changed the color number to red from lines 259 to 447. I have turned off the background images also. Still my menu default state and hover color is black on my custom menu. I am a newbie so if someone could take a look at my code and tell me if I’ve done something incorrectly, I’d appreciate it. Here is the code starting at line 259.
/* What gives our menus style */
#nav .menu {
width: 100%;
}
.menu-bottom-shadow{
background: url(images/sprite_h.png) left top repeat-x #eee;
height: 3px;
width: 100%;
}
#nav .menu li:hover{
color: #488ac7;
position: static;
}
#nav .menu ul {
box-shadow: 0 1px 2px #555;
}
/* Top level header menu, default state */
#header-menu-wrap{
position: relative;
}
#header-menu {
/*background: url(images/sprite_h.png) left -3px repeat-x #101010;*/
color: #488ac7;
}
#header-menu > li {
font: normal 14px arial;
margin: 0 2px;
}
#header-menu > li:first-child {
margin-left: 10px;
}
#header-menu > li > a {
color: #488ac7;
line-height: 16px;
padding: 9px 10px 10px;
}
#header-menu > li > a > span {
display: block;
font-size: 11px;
color: #488ac7;
}
#header-menu > li.menu-item-ancestor > a {
/*background: url(images/sprite_master.png) -877px -236px no-repeat transparent;*/
color: #488ac7;
padding-left: 26px;
}
/* Top level header menu, hover and current state */
#header-menu > li:hover,
#header-menu > li.current-menu-item,
#header-menu > li.current-menu-ancestor {
color: #488ac7;
/*background: url(images/sprite_h.png) left -100px repeat-x #eee; */
}
#header-menu > li:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
color: #488ac7;
}
#header-menu > li:hover > a > span,
#header-menu > li.current-menu-item > a > span,
#header-menu > li.current-menu-ancestor > a > span {
color: #488ac7;
}
#header-menu > li.menu-item-ancestor:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
background-position: -877px -192px;
color: #488ac7;
}
/* Sub level header menu, default state */
#header-menu ul li a {
color: #488ac7;
padding: 10px;
width: 180px;
}
#header-menu ul li {
/*background: url(images/sprite_h.png) left -377px repeat-x #dfdfdf;*/
color: #488ac7;
}
#header-menu ul li.menu-item-ancestor > a {
/*background: url(images/sprite_master.png) -652px -194px no-repeat transparent;*/
color: #488ac7;
padding-right: 25px;
width: 165px;
}
/* Sub level header menu, hover and current state */
#header-menu ul li:hover,
#header-menu ul li.current-menu-item,
#header-menu ul li.current-menu-ancestor {
background-position: left -456px;
background-color: #488ac7;
}
#header-menu ul li:hover > a,
#header-menu ul li.current-menu-item > a,
#header-menu ul li.current-menu-ancestor > a {
color: #488ac7;
}
#header-menu ul li.menu-item-ancestor:hover > a,
#header-menu ul li.current-menu-item > a,
#header-menu ul li.current-menu-ancestor > a {
background-position: -652px -238px;
}
/* Secondary menu */
/* Top level, default state */
#secondary-menu-wrap {
width: 100%;
border-top: 1px solid #000;
}
#secondary-menu {
width: 100%;
background: url(images/sprite_h.png) left -540px repeat-x #222;
}
#secondary-menu > li {
font: normal 11px arial;
margin: 0 2px;
text-transform: uppercase;
}
#secondary-menu > li:first-child {
margin-left: 10px;
}
#secondary-menu > li > a {
color: #488ac7;
line-height: 16px;
padding: 7px 10px 6px;
}
#secondary-menu > li.menu-item-ancestor > a {
/*background: url(images/sprite_master.png) -877px -316px no-repeat transparent;*/
color: #488ac7;
padding-left: 20px;
}
/* Top level, hover and current state */
#secondary-menu > li:hover,
#secondary-menu > li.current-menu-item,
#secondary-menu > li.current-menu-ancestor {
/*background: url(images/sprite_h.png) left -614px repeat-x #dfdfdf;*/
color: #488ac7;
}
#secondary-menu > li:hover > a,
#secondary-menu > li.current-menu-item > a,
#secondary-menu > li.current-menu-ancestor > a {
color: #488ac7;
}
#secondary-menu > li.menu-item-ancestor:hover > a,
#secondary-menu > li.current-menu-item > a,
#secondary-menu > li.current-menu-ancestor > a {
background-position: -877px -283px;
}
/* Sub level, default state */
#secondary-menu ul li a {
color: #488ac7;
padding: 7px 15px 6px;
width: 170px;
line-height: 16px;
}
#secondary-menu ul li {
/*(background: url(images/sprite_h.png) left -614px repeat-x #dfdfdf;*/
color: #488ac7;
}
#secondary-menu ul li.menu-item-ancestor > a {
background: url(images/sprite_master.png) -652px -286px no-repeat transparent;
padding-right: 20px;
width: 165px;
}
/* Sub level header menu, hover and current state */
#secondary-menu ul li:hover,
#secondary-menu ul li.current-menu-item,
#secondary-menu ul li.current-menu-ancestor {
background-position: left -684px;
background-color: #212121;
}
#secondary-menu ul li:hover > a,
#secondary-menu ul li.current-menu-item > a,
#secondary-menu ul li.current-menu-ancestor > a {
color: #488ac7;
}
#secondary-menu ul li.menu-item-ancestor:hover > a,
#secondary-menu ul li.current-menu-item > a,
#secondary-menu ul li.current-menu-ancestor > a {
background-position: -652px -319px;
}
I have changed the color on every line of my stylesheet from line 259 to 360 to #d8d8d8. Yet my menu default and hover color is still black. Can someone identify the specific line of code that must be changed in order to effect a color change from the black default and hover color?
