Joomla Templates Club 406,261 posts

[Krzysztof Ulicki Friend Krzysztof UlickiJoin date: June 2014Posts: 11Downloads:18Uploads:2]

#160330

Hello, I installed JA Teline 4 and I have problem with main menu.
How display only image in main menu (like demo presented).

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377173

I’m not 100% sure what you are asking but please install a quickstart of Teline IV where you can see exactly how to setup the menus as per the demo. The quickstart will install a copy of Joomla including all the demo content. If you are creating a new website this is usually the easiest way to go. If you are updating an existing site then install the quickstart to localhost or use JA’s demo builder.

[Krzysztof Ulicki Friend Krzysztof UlickiJoin date: June 2014Posts: 11Downloads:18Uploads:2]

#377175

Thanks for answering.
I asking for what should i do to display only image in main menu item (without text)?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377177

Which part of the menu are we talking here? Do you mean the “Home” button or do you mean an image in one of the dropdowns?

[Krzysztof Ulicki Friend Krzysztof UlickiJoin date: June 2014Posts: 11Downloads:18Uploads:2]

#377234

Yes, “home” button

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#377353

Dear ulicki,

Just go to the back-end of your Home menu item >> Parameters (JA Extended) panel, here you enter the home for the field of Additional class

I hope it help !

[dhchenault Friend dhchenaultJoin date: January 2011Posts: 29Downloads:0Uploads:0 Thanks: 4]

#381525

What about the RSS, the Twitter and the Login buttons? Are there “Additional Classes” for those as well?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#381527

Yes, they are as follows

RSS – nav-feeds
Twitter – nav-social
Interview – nav-interview
Blog – nav-blog

2 users say Thank You to Phill for this useful post

1. dhchenault
2. hamlethub

[dhchenault Friend dhchenaultJoin date: January 2011Posts: 29Downloads:0Uploads:0 Thanks: 4]

#381532

Where are those classes defined?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#381574

In templates>ja_teline_iv>css>template.css around line 331ish and the images are in the templates>ja_teline_iv>images folder

For instance

00326: position: relative;
00327: z-index: 12;
00328: border: none;
00329: }
00330:
00331: #ja-topmega li.nav-blog a.nav-blog,
00332: #ja-topmega li.nav-interview a.nav-interview,
00333: #ja-topmega li.nav-social a.nav-social,
00334: #ja-topmega li.nav-feeds a.nav-feeds {
00335: padding: 4px 0 3px;
00336: margin: 3px 5px;
00337: text-indent: -1000em;
00338: width: 28px;
00339: }
00340:
00341: #ja-topmega li.nav-blog,
00342: #ja-topmega li.nav-interview,
00343: #ja-topmega li.nav-social,
00344: #ja-topmega li.nav-feeds { float: right; border: none; }
00345:
00346: #ja-topmega li.nav-social .childcontent-inner { background: #fff; }
00347:
00348: /* Blog Button */
00349: #ja-topmega li.nav-blog { background: url(../images/stripe-bg-2.png); }
00350:
00351: #ja-topmega li.nav-blog a.nav-blog {
00352: background: url(../images/icons/nav-blog.png) no-repeat center #000 !important;
00353: }
00354:
00355: #ja-topmega li:hover a.nav-blog,
00356: #ja-topmega li.over a.nav-blog,
00357: #ja-topmega li.active a.nav-blog {
00358: background: url(../images/icons/nav-blog.png) no-repeat center #3b7513 !important;
00359: }
00360:
00361: #ja-topmega li.nav-blog .ja-moduletable ul li {
00362: padding-left: 10px;
00363: }
00364:
00365: #ja-topmega li.nav-blog .childcontent-inner {
00366: background-image: none !important;
00367: }
00368:
00369: #ja-topmega li.nav-blog .ja-moduletable .k2LatestCommentsBlock ul li {
00370: background: none;
00371: padding-left: 0;
00372: padding-right: 0;
00373: }
00374:


[Author]

Posts