Joomla Templates Club 406,261 posts

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#672879

Hi @melvine,

Please have a look at the attachment screenshot.

Note : Make sure to select the outer border of subpanel in order to see the field to specify width.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#746769

Hi @melvine,

Please have a look at the attachment screenshot.

Note : Make sure to select the outer border of subpanel in order to see the field to specify width.

[melvine Friend melvineJoin date: August 2012Posts: 160Downloads:162Uploads:2 Thanks: 37 Thanked: 33 times in 9 posts]

#680339

Thank you very much Adam:)

Now I have to remove the text “connexion” in the menu, I want only the icon

Have you an idea for that ?

Best regards

[melvine Friend melvineJoin date: August 2012Posts: 160Downloads:162Uploads:2 Thanks: 37 Thanked: 33 times in 9 posts]

#746825

Thank you very much Adam:)

Now I have to remove the text “connexion” in the menu, I want only the icon

Have you an idea for that ?

Best regards

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#680562

Hi @melvine,

Try this :

1. Go to Megamenu in back-end, in the menu item where you want to apply the icon and make below changes

1.1 In field Icon, type in icon-user

1.2 In field Extra Class, type in no-text

2. Open file /templates/ja_teline_v/css/custom.css (if you don’t have this file, create a new one) then add this code :

.navbar-default .navbar-nav > li.no-text > a {
font-size: 0;
line-height: 5px;
text-align: center;
}
.navbar-default .navbar-nav > li.no-text > a > * {
font-size: 18px;
margin: 0;
}

1 user says Thank You to Adam M for this useful post

1. melvine

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#746936

Hi @melvine,

Try this :

1. Go to Megamenu in back-end, in the menu item where you want to apply the icon and make below changes

1.1 In field Icon, type in icon-user

1.2 In field Extra Class, type in no-text

2. Open file /templates/ja_teline_v/css/custom.css (if you don’t have this file, create a new one) then add this code :

.navbar-default .navbar-nav > li.no-text > a {
font-size: 0;
line-height: 5px;
text-align: center;
}
.navbar-default .navbar-nav > li.no-text > a > * {
font-size: 18px;
margin: 0;
}

1 user says Thank You to Adam M for this useful post

1. melvine

[melvine Friend melvineJoin date: August 2012Posts: 160Downloads:162Uploads:2 Thanks: 37 Thanked: 33 times in 9 posts]

#747215

You are awesome, it’s perfect.:D
Thank you very much Adam
Best Regards

[Author]

Posts