Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] customize one page menu buttom different from the others


  #1  
Old Oct 17, 2010, 07:02 PM
bigliettaio's Avatar
bigliettaio
 
128 posts · Nov 2009
Italy
I would like to set next options:
  • background-color
  • border
  • text

and
  • buttom hover
  • buttom visited

of page menu buttom with "class="page_item page-item-766" [ "GENOA" buttom about that site] to be different from the others one.


Theme in use:
BFA Atahualpa 3.4.4.

Thanks

Last edited by bigliettaio; Oct 17, 2010 at 07:04 PM.
  #2  
Old Oct 18, 2010, 05:56 AM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use a CSS insert and use the selector specifying the class 'page-item-776'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 18, 2010, 10:59 AM
bigliettaio's Avatar
bigliettaio
 
128 posts · Nov 2009
Italy
Hi JD,
i could set most of buttom's option only in this way
HTML Code:
div#menu1 li.page-item-766 a:hover,
div#menu1 li.page-item-766 a:active {background: #E03A3E!important;
                                                       color: #00275E!important;
}

div#menu1 li.page-item-766 a {background:  #00275E!important;
                                            color:#E03A3E!important;
}
But a:active seems not working, nor whit this row:
HTML Code:
ul.rMenu  li.page-item-766 a {background:  #00275E!important;
                                          color:#E03A3E!important;
}
Here the link

Cheers
  #4  
Old Oct 25, 2010, 09:06 AM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this (you need to adjust the colors - but start with this)
HTML Code:
div#menu1 li.page-item-766 a {
  background:  #blue !important;
  color:#E03A3E !important;
}
div#menu1 li.page-item-766.current_page_item a {
  background:  #green !important;
  color:#E03A3E !important;
}

div#menu1 li.page-item-766 a:hover,
div#menu1 li.page-item-766 a:active {
   background: #red !important;
   color: #00275E !important;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to Customize Drop Down Menu? corelle Installing & running WordPress 4 Feb 20, 2011 12:22 AM
Customize Category Page bigliettaio Forum How-To 5 Jan 4, 2010 05:36 PM
Need to customize the page menu with a background img and new font shumes1025 Page & Category Menu Bars 0 Nov 14, 2009 07:27 PM
How to customize sidebars based on page guacamoly Sidebars & Widgets 1 May 5, 2009 06:46 PM


All times are GMT -6. The time now is 04:56 PM.


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