Page 71 of 76 FirstFirst ... 21616970717273 ... LastLast
Results 701 to 710 of 754
  1. #701
    Join Date
    Feb 2011
    Posts
    697
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    ZC 1.39

    I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

    I was able to muddle through color and arrow changes fairly easily as well.

    So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

    I played around on my local site and can't seem to figure it out.

    I do have it installed on my live site now as well.
    seriousoffroadproducts.com

  2. #702
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,061
    Plugin Contributions
    25

    Default Re: Support for CSS Flyout Menu

    In stylesheet_categories_menu.css, add the line in red to get

    #nav-cat li a:hover {
    color: #FFFFFF;
    background-color: #ff3344;
    }

    Adjust to taste.

  3. #703
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,123
    Plugin Contributions
    5

    Default Re: Support for CSS Flyout Menu

    Quote Originally Posted by Serious View Post
    ZC 1.39

    I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

    I was able to muddle through color and arrow changes fairly easily as well.

    So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

    I played around on my local site and can't seem to figure it out.

    I do have it installed on my live site now as well.
    seriousoffroadproducts.com
    Find and edit the color in the block of code below..............

    Code:
    #nav-cat li a:hover {
       color: #FFFFFF;
    }

    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  4. #704
    Join Date
    Feb 2011
    Posts
    697
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    Quote Originally Posted by Get Em Fast View Post
    Find and edit the color in the block of code below..............

    Code:
    #nav-cat li a:hover {
       color: #FFFFFF;
    }

    Hope this helps.
    Sort of....it turned the text black

    Quote Originally Posted by gjh42 View Post
    In stylesheet_categories_menu.css, add the line in red to get

    #nav-cat li a:hover {
    color: #FFFFFF;
    background-color: #ff3344;
    }

    Adjust to taste.
    That did it.
    Take a look and tell me what you think

  5. #705
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,061
    Plugin Contributions
    25

    Default Re: Support for CSS Flyout Menu

    Yep, looks good. I somehow didn't think you'd keep the flaming red:)

  6. #706
    Join Date
    Feb 2011
    Posts
    697
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    I tried it on my local site first.....good thing!;)

  7. #707
    Join Date
    Jun 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    is it possible to hover level2 when level3 is hovered?

  8. #708
    Join Date
    Jun 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Support for CSS Flyout Menu

    I mean to hover Dame on this image

  9. #709

    Default Re: Support for CSS Flyout Menu

    I have this installed in V1.5 and works great, i was just wondering though if it is possible to change some settings so the flyout occurs a little smoother ?
    Thank you

  10. #710
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,061
    Plugin Contributions
    25

    Default Re: Support for CSS Flyout Menu

    windsurfer - Get Em Fast would have to advise on that, as it would probably involve the jQuery effects.

    Loter - To get hover effects on the higher items in the tree, find in your stylesheet_categories_menu.css the rule like this
    Code:
    #nav-cat li a:hover {
       color: #FFFFFF;
       background-color: #000000;
    }
    and add a rule above it to get this
    Code:
    #nav-cat li:hover>a {
       color: #FFFFFF;
       background-color: #a00000;
    }
    
    #nav-cat li a:hover {
       color: #FFFFFF;
       background-color: #000000;
    }
    Adjust properties to fit your situation.

 

 
Page 71 of 76 FirstFirst ... 21616970717273 ... LastLast

Similar Threads

  1. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  2. Flyout Menu CSS For My Template.
    By NathanLee0921 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 May 2010, 01:24 AM
  3. Extra text or image inbetween categories for css flyout menu?
    By arniesbarmyarmy in forum Addon Sideboxes
    Replies: 0
    Last Post: 23 Nov 2009, 10:30 AM
  4. css flyout menu (for side nav)
    By gsdcypher in forum General Questions
    Replies: 0
    Last Post: 3 Dec 2007, 12:10 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR