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 »

different hover over for each page item


  #1  
Old Sep 22, 2011, 12:59 AM
fullmetalgirl
 
32 posts · Aug 2010
different hover over for each page item

Hi,

my goal is:
when you hover over an page item.. it will show an image related to that page item.

for example:"
hover over the menu button "apple" and you'll see an image of an apple..
and when you hover over the page "pear" it will show a pear.

(just an example)

i'm using Atahualpa 3.6.7

hopefully someone can help me with this...
  #2  
Old Sep 22, 2011, 12:27 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Use the WordPress menu system and add a different class to each menu item (You may have to enable classes in the Screen Options for Menus). Then use that class to apply the necessary CSS for a background image.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 22, 2011, 10:44 PM
fullmetalgirl
 
32 posts · Aug 2010
Ok, i got the menu screen set...

but what do i fill in at css class?
and how do i add the class to the css.php .

(i read somewhere that css class in the wordpress menu systeem only applys to tekst... is this correct?)

Sorry for all these questions, could it be possible to get an example?

Greetings,
  #4  
Old Sep 23, 2011, 03:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can add CSS Selectors and CSS Rules to ATO->Add HTML/CSS Inserts->CSS Inserts

on the wordpress menu screen select the 'Screen Options' tab up the top and click the 'CSS Classes' check box
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Sep 23, 2011, 07:43 AM
fullmetalgirl
 
32 posts · Aug 2010
and how would the css selector and css class look like?
it's my first time using selectors and classes...

(i do know the css insert box though... just not what to type in it in this case)
tried a dozen of things but they all didnt work..
  #6  
Old Sep 23, 2011, 10:35 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It depends on the HTML element, weather it is an ID or CLASS. Let's say you had
HTML Code:
<div id="my-color">hello world</div>
and wanted the text red, you could say
HTML Code:
Div#my-color {color:red}
a great resource is w3schools.com
__________________
"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
[SOLVED] Can page menu item differ from page title? bobtwom Page & Category Menu Bars 2 Jul 15, 2010 02:18 PM
Page menu (pages-widget): Current page item in post unelma Sidebars & Widgets 5 Jun 7, 2010 03:11 PM
Create a Page Template that displays Only One Page Menu Item treeplant Page & Category Menu Bars 0 Apr 20, 2010 02:41 AM
[SOLVED] Item Padding inside Expaned Page Menus &amp; Color of Items on current page. joshsweiss Page & Category Menu Bars 7 Feb 23, 2010 06:31 AM
Page Menu Background & Hover Image how to do this... ssoszka Atahualpa 3 Wordpress theme 11 Feb 18, 2010 11:19 AM


All times are GMT -6. The time now is 03:24 AM.


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