Problem with page menu and css
Hi there,
I know this is not the first post about menu and css in atahualpa, but I am trying to understand and search for similar answers in the forum or in google, but no luck Now I managed something that is not exactly what I was searching to do I also have very basic knowledge of css and I also don't know how to get an item class so that I could add it in ATO>css inserts Here is what I'd like to do http://www.groupe-qualiconsult.fr for the menu (except the bullets maybe) and here is what I have achieved until now http://proclean.kazan.tn please help me see clearly in my css insert, as I think everything is not correct already Thanks here is what I've done in ATO>CSS inserts /*--------- submenus background in black --------*/ .div#menu1 ul.sub-menu li, div#menu1 ul.rMenu-ver li { background-color:#000000; } /*--------- underlign red of selected menu --------*/ .div#menu1 ul.rMenu li.current_page_item a:link, div#menu1 ul.rMenu li.current_page_item a:active, div#menu1 ul.rMenu li.current_page_item a:visited { -x-system-font:none; border-bottom:2px solid #FF0000; border-left:2px solid #ffffff; border-right:2px solid #ffffff; border-top:2px solid #ffffff; border-style:solid; background-color:#ffffff; color:#000000; font-weight: bold; } /*--------- white outline for other pages --------*/ .div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:visited { border-bottom-color: #ffffff; border-left-color: #ffffff; border-right-color: #ffffff; border-top-color: #ffffff; font-weight: bold; } /*--------- outline in black when it is hover --------*/ div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:active { border-bottom-color: #000000 !important; border-left-color: #000000 !important; border-right-color: #000000 !important; border-top-color: #000000 !important; color: #ffffff; } /* ----------- highlight parent of current page --------*/ ul.rMenu li.current_page_parent a:link, ul.rMenu li.current_page_parent a:active, ul.rMenu li.current_page_parent a:hover, ul.rMenu li.current_page_parent a:visited, ul.rMenu li.current_page_parent { color: #FFFFFF !important; background: #000000 !important; } /*--------- submenus contour in black --------*/ div#menu1 ul.rMenu li.rMenu-expand li a, div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li a, div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a, div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a, div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a { border-top-color: #000000; border-left-color: #000000; border-right-color: #000000; border-bottom-color: #000000; color: #ffffff; } /*---------menu contour in white --------*/ div#menu1 ul.rMenu { border:2px solid #ffffff !important; border-style:solid; } |
please, someone?
|
All times are GMT -6. The time now is 02:50 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.