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... |
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.
|
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, |
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 |
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.. |
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> HTML Code:
Div#my-color {color:red} |
All times are GMT -6. The time now is 01:26 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.