Joomla Templates Club 406,261 posts

[lanc3lot Friend lanc3lotJoin date: December 2006Posts: 12Downloads:0Uploads:1 Thanks: 5]

#168676

Hello again, sorry for the threads i will create in the start :-[

1) I want to create images instead of text in my basic main menu, and to do that, i used the Link Type option that there is in Joomla options, in each menu. There, there is an option that is “add menu title” and when u mark it as no, regularly in your menu must not appear the text of the menu, and only the icon. I did that in my site, but unfortunately the menu title keeps appearing. How to solve that?

2) Also i have a problem with Greeks (its my site language) and the mini image you have in your latest blog article, in your demo site. I reffer to the red placeholder image that surrounding the text. You can see what arrow is pointing, in my example image. When i activated the Greeks within my site, this red image dissapeared. What can i do to have it?

---

Attachments:

1. 

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413390

Hi,

If you want to disable main menu text ( so menu items can be images) you have to edit mega.css

.ja-megamenu ul.level0 li.mega span.menu-title {

display: block;

}

and change it to:

.ja-megamenu ul.level0 li.mega span.menu-title {

display: none;

}

The second part of your problem looks more like php settings on your server. ( i will try to reproduce this one and see if i can provide a solution )

Regards

Manos

[lanc3lot Friend lanc3lotJoin date: December 2006Posts: 12Downloads:0Uploads:1 Thanks: 5]

#413392

Manos efxaristo 😉

I tried to search for the code u mentioned, but unfortunatelly its not exist to mega.css – My mega css is the following: (to check urself)

/*
* ------------------------------------------------------------------------
* JA Blazes Template J17
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/
.ja-megamenu a.over {
background: #000;
border-bottom: 1px solid #333 !important;
color: #ab4e39 !important;
}

.ja-megamenu a.active { background: #9c422e; color: #E3D8C8 !important; }

/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level0 li.mega { margin-right: 3px; }

.ja-megamenu ul.level0 li.mega a.mega {
border: 1px solid #111;
color: #e3d8c8;
font-weight: normal;
padding: 6px 20px;
text-transform: none;
}

#ja-megamenu ul.level0 {
font-family: "AbelRegular", Arial, sansserif;
font-size: 117%;
}

#ja-megamenu ul.level1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 92%;
}

.ja-megamenu ul.level1 li.mega {
background: url(../../images/bg-line-02.gif) 0 0 repeat-x;
margin-right: 0;
width: 100%;
}

.ja-megamenu ul.level1 li.first { background: none; }

.ja-megamenu ul.level1 li.color-themes .group-content .megacol.first { margin-right: 20px; }

.ja-megamenu ul.level1 li.mega a.mega {
background: url(../../images/icon-circle.png) 0 12px no-repeat;
border: 0;
color: #666;
padding-left: 15px;
padding-right: 0;
text-transform: none;
}

.ja-megamenu ul.level1 li.mega a.mega:hover , .ja-megamenu ul.level1 li.mega a.over, .ja-megamenu ul.level1 li.mega a.active {
background: url(../../images/icon-circle-hover.png) 0 12px no-repeat;
border-bottom: none !important;
color: #ab4e39;
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title {
background: url(../../images/arrow3.png) 100% 4px no-repeat;
padding-left: 0;
padding-right: 18px;
}

.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title, .ja-megamenu ul.level0 li.haschild a.active span.menu-title {
background: url(../../images/arrow2.png) 100% 4px no-repeat;
padding-left: 0;
padding-right: 18px;
}

.ja-megamenu ul.level1 li.mega a.mega span.menu-title { background: none; padding-right: 0; }

.ja-megamenu ul.level1 li.color-themes a.mega { background: none; padding-left: 0; }

/* CHILD CONTENT
-----------------------------------*/
.mid { padding-top: 15px; position: relative; }

.ml {
background: url(../../images/icon-arrow-up-02.png) 0 0 no-repeat;
height: 9px;
left: 30px;
position: absolute;
top: 7px;
width: 16px;
}

.ja-megamenu .childcontent-inner {
background-color: #202020;
border: 1px solid #333;
color: #666;
padding: 5px;
}

.ja-megamenu .level1 .childcontent-inner { }

.childcontent-inner-wrap .childcontent-inner-wrap .ml { background: none; }

.ja-megamenu .childcontent .ja-moduletable { color: #666; }

.ja-megamenu .childcontent .ja-moduletable h3 {
background: none;
border-bottom: 1px dotted #ccc;
text-transform: none;
}

/* Grouped --- */
.ja-megamenu .group-title { padding: 0 10px; }

.ja-megamenu .group-title .menu-title { color: #ccc; font-weight: bold; }

.ja-megamenu ul.level1 li.mega .group-title a.mega {
background: #000;
border-bottom: 1px solid #343434;
font-family: "AbelRegular", Arial, sansserif;
font-weight: normal;
padding: 2px 15px;
}

.ja-megamenu ul.level1 li.mega .group-title a.mega:hover { border-bottom: 1px solid #343434 !important; }

.ja-megamenu ul.level1 li.mega .group-title a.mega .menu-title { color: #AB4E39; font-size: 133%; font-weight: normal; }

.ja-megamenu .group-title .menu-desc { color: #999; padding-left: 0 !important; }

.ja-megamenu .megacol.column3 .group-title { width: 42%; }


[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413393

Ok try this:

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title {
background: url(../../images/arrow3.png) 100% 4px no-repeat;
padding-left: 0;
padding-right: 18px;
display: none;
}


[lanc3lot Friend lanc3lotJoin date: December 2006Posts: 12Downloads:0Uploads:1 Thanks: 5]

#413395

Did that, but text is still on the menu. **** 🙁

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413401

I have just found a better way for this!

Undo any changes you have made and go to : /templates/ja_blazes/css/mega.css
and add this


.ja-megamenu ul.level0 li.mega span.menu-title {
display: none;
}


Around line 84 ( just right under the ( .ja-megamenu ul.level1 li.color-themes a.mega { background: none; padding-left: 0; } ) line!

Regards

Manos

1 user says Thank You to Manos for this useful post

1. lanc3lot

[lanc3lot Friend lanc3lotJoin date: December 2006Posts: 12Downloads:0Uploads:1 Thanks: 5]

#413403

Finally worked 😉 Thnx a lot Manos – A final note for this, do u know how i can raise the height / width of the icons? I mean is that being set somewhere in the css file? Because i tried to put bigger ones, but didnt worked, they are presenting half.

Thnx in advance !!

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413408

Yes you can set the height and width but i guess it could also be set automatically unless you want to insert some “big” images.

You can search on template.css also and find something like this – > span.has-image { min-height: 15px; background-position: 0 0; }

Regards

Manos

1 user says Thank You to Manos for this useful post

1. lanc3lot

[lanc3lot Friend lanc3lotJoin date: December 2006Posts: 12Downloads:0Uploads:1 Thanks: 5]

#413423

Solved, the 2nd problem must be a bug with another module. I will get back to it later on, maybe someone can help then 😉

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413433

Well at least i tried that on localhost host and i couldn’t reproduce ( with Greek language on ) the problem.

Regards

Manos

[Author]

Posts