Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 06: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 06:04 PM.
  #2  
Old Oct 18, 2010, 04:56 AM
juggledad's Avatar
juggledad
 
23,765 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, 09: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, 08:06 AM
juggledad's Avatar
juggledad
 
23,765 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 19, 2011 11:22 PM
Customize Category Page bigliettaio Forum How-To 5 Jan 4, 2010 04:36 PM
Need to customize the page menu with a background img and new font shumes1025 Page & Category Menu Bars 0 Nov 14, 2009 06:27 PM
How to customize sidebars based on page guacamoly Sidebars & Widgets 1 May 5, 2009 05:46 PM


All times are GMT -6. The time now is 05:58 AM.


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