-
AuthorPosts
-
TomC Moderator
TomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
November 18, 2010 at 3:25 am #156547Okay, either I am simply crazy or the logic behind the css coding in this template makes no sense whatsoever.
WHAT css element is controlling the “hover” element in the mega menu sub navigation area?
(see image below)I have looked throughout both the template.css and the mega.css files thoroughly … experimented extensively … but cannot FOR THE LIFE OF ME figure out what css element is controlling the hover action/display. In a nutshell, I want to change it, but nothing I have tried has worked.
PLEASE HELP !!!:((
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
November 18, 2010 at 4:48 pm #363300Anyone ??
Anyone ??
Bueller ??
Bueller ??
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
November 19, 2010 at 1:53 am #363354Hello
Please open the file: /templates/ja_kyanite_ii/css/colors/blue.css and find
ul.level1 li.over.first, ul.level1 li.haschild-over.first { background: #333; }
change background when mouse hover in above rule
you open the file: templates/ja_kyanite_ii/css/menu/mega.css
ul.level0 li.over, ul.level0 li.haschild-over,
ul.level0 li.over.first, ul.level0 li.haschild-over.first {
color: #fff;
border-radius: 5px 5px 0px 0px; /* CSS 3 */
-moz-border-radius: 5px 5px 0px 0px; /* Firefox */
-icab-border-radius: 5px 5px 2px 0px; /* iCab */
-khtml-border-radius: 5px 5px 0px 0px; /* Konqueror */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; /* Safari and Chrome*/
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-right: 3px;
background-image: url(../../images/mainnav-bg.gif);
background-repeat: no-repeat;
background-position: -50px -48px;
}replace:
ul.level0 li.over, ul.level0 li.haschild-over,
ul.level0 li.over.first, ul.level0 li.haschild-over.first {
color: #fff;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-right: 3px;
background-image: url(../../images/mainnav-bg.gif);
background-repeat: no-repeat;
background-position: -50px -48px;
}add the following css into this file templates/ja_kyanite_ii/css/menu/mega.css
ul.level0 > li {
border-radius: 5px 5px 0px 0px; /* CSS 3 */
-moz-border-radius: 5px 5px 0px 0px; /* Firefox */
-icab-border-radius: 5px 5px 2px 0px; /* iCab */
-khtml-border-radius: 5px 5px 0px 0px; /* Konqueror */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; /* Safari and Chrome*/
}1 user says Thank You to Saguaros for this useful post
AuthorPostsViewing 3 posts - 1 through 3 (of 3 total)This topic contains 3 replies, has 2 voices, and was last updated by Saguaros 13 years, 11 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
MORE Sub Nav CSS Issues
Viewing 3 posts - 1 through 3 (of 3 total)