Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Change Font Color of Page Menu Bar


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 11, 2010, 04:05 AM
pyoterguru
 
36 posts · Mar 2010
How do I change the font color of Page Menu Bar?

I want it WHITE, so it could blend well with a RED background.

Thanks.
  #2  
Old Mar 11, 2010, 04:34 AM
juggledad's Avatar
juggledad
 
21,949 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
have you looked at the page menu bar options?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 15, 2010, 12:32 PM
cpalmer03
 
15 posts · Mar 2010
i looked, i was wondering if you can change the color of just ONE of the pages in the page menu bar?
  #4  
Old Mar 17, 2010, 03:19 PM
cpalmer03
 
15 posts · Mar 2010
Lightbulb Changing color of ONE page on the menu bar

How would you change the color of 1 page on the menu bar? for example on www.themulliganshow.com i would like to change the color of just the PODCAST page on the nav bar? Just like on the bytes for all homepage the Forum tab is green...
  #5  
Old Mar 18, 2010, 05:29 AM
juggledad's Avatar
juggledad
 
21,949 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
yes you can, you will have to code a CSS Selector and rule for that menu item and add it to the ATO->Add HTML/CSS Inserts->CSS Inserts option.

If you look at the generated source for a page, you will be able to find a unique identifier to use in the selector
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 22, 2010 at 11:37 AM.
  #6  
Old Mar 19, 2010, 09:25 AM
cpalmer03
 
15 posts · Mar 2010
bump it hoping for an admin?
  #7  
Old Mar 22, 2010, 11:24 AM
cpalmer03
 
15 posts · Mar 2010
can anyone give me the id of the admin so i can ask them directly? or is there an email address? i thought i would be able to fix it on the forums but looks like i stumpped everyone!
  #8  
Old Mar 22, 2010, 11:38 AM
juggledad's Avatar
juggledad
 
21,949 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
1) do not double post
2) see post #5
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #9  
Old Mar 22, 2010, 01:39 PM
cpalmer03
 
15 posts · Mar 2010
Quote:
Originally Posted by juggledad
1) do not double post
2) see post #5
can you please explain post number 5 a little more clearly. thank you for your help.
  #10  
Old Mar 25, 2010, 10:27 AM
cpalmer03
 
15 posts · Mar 2010
Juggledad,

I tried to use your advice to code the page and this is what i tried, and it did not work out too well... i added the insert but it didnt show up...this is the code i used, can you suggest what i coded wrong? Thanks.

rMenu-expand page_item page-item-10 {color: white; background-color: #9966FF; }

(for the podcast menu tab, i thought that was the tag, i wasnt sure where to locate a tag for it...) (trying to change the background of just that section of the menu and the font color)

www.themulliganshow.com
  #11  
Old Mar 25, 2010, 02:36 PM
Eric Bobrow
 
70 posts · Jan 2009
I had exactly the same question, and with Juggledad's tip was able to figure out where to go. However, the coding is quite so simple, since each condition for the page link "a" tag (e.g. link, hover, active, visited) needs to be specified.

Here is what I came up with:
div#menu1 ul.rMenu li.page-item-349 a:link, div#menu1 ul.rMenu li.page-item-349 a:visited, div#menu1 ul.rMenu li.page-item-349 a:hover, div#menu1 ul.rMenu li.page-item-349 a:active {color: red;}
This made the page menu item for my special page (page-item-349) become red in all cases (before visit, after visit, while hovering, while active). Of course, one could change this so that each condition is colored or styled differently.

It seemed (in my quick testing) to be necessary to include all the parent CSS selectors (the "div#menu1 ul.rMenu" stuff) since simply putting "li.page-item-349 a:link" etc. didn't work by itself.

For your case, simply substitute the appropriate page number. This line of code goes into ATO > Add HTML/CSS Inserts > CSS Inserts.

I still have a few questions, although this is working well enough for my immediate needs.

1) This page menu item has some children, so it is actually brings up a submenu. The children pages all are colored red. Is there a way to restrict the CSS effect to only apply to the specific item, other than by adding in additional lines of code to override it for each child?

2) Is there a more compact way of writing this, combining the various link, visited, hover, and active cases into a single declaration?

3) Did I miss anything? Is there another case beyond link, visited, hover, and active that I should specify?

Last edited by Eric Bobrow; Mar 25, 2010 at 02:51 PM.
  #12  
Old Mar 25, 2010, 07:35 PM
juggledad's Avatar
juggledad
 
21,949 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Eric Bobrow
Quote:
1) This page menu item has some children, so it is actually brings up a submenu. The children pages all are colored red. Is there a way to restrict the CSS effect to only apply to the specific item, other than by adding in additional lines of code to override it for each child?

2) Is there a more compact way of writing this, combining the various link, visited, hover, and active cases into a single declaration?

3) Did I miss anything? Is there another case beyond link, visited, hover, and active that I should specify?
(1) nope, the menu CSS is the most complicate in the entire style sheet - it takes up almost 500 lines of CSS. If the child menus have sub pages it gets even messier.

(2) maybe, you could try simplifying by using the '!important' in the rule

----------------------
cpalmer03
you have coded teh selector improperly. When ever you name a CLASS it must be preceded with a '.' (period0 and if you name an ID it must be preceded with a '#' (pound) sign. In addition you need to go one level deeper to the <a...> and you need the '!important' option to override other CSS rules that may apply. Your code needs to be
HTML Code:
.page-item-10 a {
color: white !important;
background-color: #9966FF !important;}
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #13  
Old Mar 26, 2010, 11:29 AM
areebb
 
1 posts · Mar 2010
That code really helped me Eric even though I wasn't the OP. Thanks.
__________________

Last edited by juggledad; Mar 26, 2010 at 08:30 PM.
  #14  
Old Mar 26, 2010, 12:48 PM
Eric Bobrow
 
70 posts · Jan 2009
Glad to help!!

By the way, I was able to simplify the code down based on the info from Juggledad and his quote from cpalmer03:

HTML Code:
.page-item-349 a{color: red !important;}
This makes the link red for this page menu item, regardless of state (visited, hover, etc.).
It also makes the links to the children pages in the submenu red, since they also meet the CSS selector criteria (class = page-item-349). To handle them separately, place additional CSS lines FOLLOWING the earlier one above (if placed later, they take precedence), for example:

HTML Code:
.page-item-1016 a{color: black !important;}
.page-item-1013 a{color: black !important;}
This makes these particular submenu items black instead of red. You need to place a line for each submenu item.

Here is my "final" version, which makes the parent menu item (page 1016) red and bold, but restores the black and normal weight to the listed children:

HTML Code:
.page-item-349 a{color: red !important; font-weight: bold !important;}
.page-item-1016 a, .page-item-1013 a{
color: black !important; font-weight: normal !important;}

Last edited by Eric Bobrow; Mar 26, 2010 at 01:21 PM.
  #15  
Old Mar 26, 2010, 01:47 PM
Eric Bobrow
 
70 posts · Jan 2009
I just noticed a very strange problem on our website: all the paragraphs are being run together, as if all the <p> tags have disappeared. It's very odd. I tried removing the latest CSS inserts, and that didn't make any difference.

I could see the correct spacing in the WP text editor, but not on the site itself - then all of a sudden, in the WP text editor, page content is being run together as well.

I don't know if it has anything to do with Atahualpa, or with another plug-in that was recently updated. I will post news once I figure it out. (If anyone has seen something like this before, please let me know!!)
  #16  
Old Mar 26, 2010, 04:15 PM
Eric Bobrow
 
70 posts · Jan 2009
That strange problem came from a membership site plugin that was updated today, and had some bugs. Fortunately, the developer was able to fix the plugin and all is working properly now.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I change the font color of the post/pages font and the title font? GreenEyedMonst Center area post/pages 0 Jan 16, 2010 02:06 PM
How to change font color on comments page roxbro Forum How-To 7 Jan 6, 2010 09:31 PM
[SOLVED] Change color of title page menu Simbiosi Page & Category Menu Bars 4 Oct 12, 2009 03:41 AM
Font sizes on page menu bar cbjeff Page & Category Menu Bars 2 Jun 29, 2009 09:47 AM
How do I change the Font color and bullets for the Page title in the Page Widget chrysos Page & Category Menu Bars 2 May 31, 2009 06:15 PM


All times are GMT -6. The time now is 11:29 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.