Joomla Templates Club 406,261 posts

[kniotech Friend kniotechJoin date: July 2010Posts: 21Downloads:1Uploads:3 Thanks: 3]

#165640

This could not be very important but the Home Icon in the Telline IV looks really neat,
although i have it already uploaded in the images folder but it is not showing on the front page:((

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#398400

please post your site url

[kniotech Friend kniotechJoin date: July 2010Posts: 21Downloads:1Uploads:3 Thanks: 3]

#398411

<em>@Chavan 249602 wrote:</em><blockquote>please post your site url</blockquote>
link: http://www.civatakurdelubnan.org/main/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#398424

<em>@kniotech 249589 wrote:</em><blockquote>This could not be very important but the Home Icon in the Telline IV looks really neat,
although i have it already uploaded in the images folder but it is not showing on the front page:((</blockquote>
Did you name your new image for the home icon the same as the original and overwrite the original in the same image folder?

The CSS code for this particular element can be found within the template.css file, the path to which is ja_teline_iv/css/template.css


#ja-mainnav li.home a.home {
background: url("../images/icons/home.png") no-repeat scroll center center transparent !important;

}

#ja-mainnav li:hover a.home, #ja-mainnav li.over a.home, #ja-mainnav li.active a.home {
background: url("../images/icons/home-l.png") no-repeat scroll center center #000000 !important;

}
The easiest way to change the icon would be to create your own icon (same width/height dimensions as the original), save it as a .png file, name it “home.png” and overwrite the original within your images/icons folder.

If you want a mouseover/hover effect, you will need to create that icon image as well and name it “home-l.png”

Of course, you can name the icon anything you like . . . . just be sure to modify the relative css rule (as indicated above) with the correct name and extension type of the new image you created and uploaded to your icons/images file.

Hope that helps.

[kniotech Friend kniotechJoin date: July 2010Posts: 21Downloads:1Uploads:3 Thanks: 3]

#398441

I am talking about the original Icon with the same name whatever it is, anyway could it be something related to the menu? the default menu is set to magazine but I think this one is defferent http://www.civatakurdelubnan.org/main/

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#398446

So is the method I described for you above not what you wanted ??

If you want the image (for “home”) to display rather than text, then you need to indicate such within your Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> Image Type … set to “Image”

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#398450

Add this code to yout template.css file /templates/ja_teline_iv/css/template.css


#ja-mainnav li.first a.first{
background: url("/main/templates/ja_teline_iv/images/icons/home.png") no-repeat scroll center center transparent !important;
}

#ja-mainnav li.first a.first{
margin: 3px 5px;
padding: 4px 0 3px;
text-indent: -1000em;
width: 28px;
}


Note: If you Find my Post useful please click on the Thanks Icon

[kniotech Friend kniotechJoin date: July 2010Posts: 21Downloads:1Uploads:3 Thanks: 3]

#398461

_adding this code instead of what?
_why do you think the Magazine menu is not showing up
_Plz see attched pic I am not able to find Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> Image Type … set to “Image”
I found the solution:
got to Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> Template Type … set to “Magazine”
……..was that simple?:)

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#398476

Just add the css code i have posted before to the template.css file in the specified folder path in your server.

I’m confused, Did you find the solution ?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#398489

<em>@kniotech 249692 wrote:</em><blockquote>
_Plz see attched pic I am not able to find Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> Image Type … set to “Image”
</blockquote>
My apologies …. the field under “Profiles” is “Select Logo Type.” (I guess I typed a little too fast in my previous post).

But yes, it’s that simple.

Glad I could help.

🙂

1 user says Thank You to TomC for this useful post

1. kniotech

[hyperdrone Friend hyperdroneJoin date: February 2006Posts: 2Downloads:0Uploads:0]

#398919

<em>@tcraw1010 249671 wrote:</em><blockquote>
If you want the image (for “home”) to display rather than text, then you need to indicate such within your Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> Image Type … set to “Image”</blockquote>

Greetings.. I recently installed this template with sample data. I would like to *not* display the home icon but use the menu name instead. I have gone to Template Manager –> JA_TELINE_IV_Default –> PROFILES –> Global Settings –> but I do not see an Image Type parameter. There are only: Select Logo Type, Font Size, Template Width, Specified width, Hide Main content block, Direction and T3 logo.

Am I looking in the right place?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#398938

Choose “Select Logo Type” and set that to “Image”…they misspoke above.

Have fun.
John.

[hyperdrone Friend hyperdroneJoin date: February 2006Posts: 2Downloads:0Uploads:0]

#398958

Hello. I think there is confusion. I am not referring to the site logo. I am referring to the menu icon for the Home menu tab. It looks like a house. I don’t want that. I want it to say “Home” but I cannot find where this is controlled in the template settings.

Thanks.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#399364

Here’s what you need to do.

GOTO : [FONT=”Arial Black”]MENUS > MAGAZINE > HOME > PARAMETERS (JA EXTENDED)[/FONT]
There you should see “Additional Class” with “Home” in it.
Just delete “home” – leaving a blank space, save and refresh and you are all done.

Again, if you don’t see the change immediately, clear your cache.

Have fun!
John.

[Author]

Posts