Joomla Templates Club 406,261 posts

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#146687

Hi,

When i used JA Kyanite template there is menus in the left side with hover effect.i want to put one menu to User1 module position.so when i moved Main menu position to user1 all the links comes with bullets without styles.so how can i get rid of that??

Thanks

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326144

Hi WE2Solutions

Please try to do with my way:

+ Open templatesja_kyanite_iilayoutsblockstopsl.php file, find:


<jdoc:include type="modules" name="user1" style="JAxhtml" />


and change to:


<jdoc:include type="modules" name="user1" style="JArounded" />


– open templates/ja_kyanite_ii/css/template.css file, add following code to the end of file:


#ja-topsl ul.menu li {
background: none;
border-top: 1px solid #e6e6e6;
margin: 0;
overflow: hidden;
padding: 0;
}

#ja-topsl ul.menu li a {
color: #333;
display: block;
outline: none;
padding: 6px 0;
text-decoration: none;
text-indent: 13px;
}


1 user says Thank You to JA Developer for this useful post

1. we2solutions

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#326149

Hi,

Thanks JA Developer & Aravind for your help.it works.but hover effect is not working ??

Thanks

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#326152

for the hover item, please add following code section to the end of template.css file:


#ja-topsl ul.menu li a:hover,
#ja-topsl ul.menu li a:active,
#ja-topsl ul.menu li a:focus { color: #bf0000; background: #f6f6f6; }


– if you are using a theme, example: blue color, please open templates/ja_kyanite_ii/css/colors/blue.css file, add following code to the end of file:


#ja-topsl ul.menu li a:hover,
#ja-topsl ul.menu li a:active,
#ja-topsl ul.menu li a:focus { color: #2a68d2; }


1 user says Thank You to JA Developer for this useful post

1. we2solutions

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#326153

Hi
JA Developer & Aravind,

Thank you Very much.all working fine

Thanks

[Author]

Posts