-
AuthorPosts
-
September 18, 2011 at 7:48 am #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?
Manos ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
September 18, 2011 at 1:37 pm #413390Hi,
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
September 18, 2011 at 1:45 pm #413392Manos 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 ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
September 18, 2011 at 1:48 pm #413393Ok 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;
}
September 18, 2011 at 1:52 pm #413395Did that, but text is still on the menu. **** 🙁
Manos ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
September 18, 2011 at 2:09 pm #413401I 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
September 18, 2011 at 2:14 pm #413403Finally 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 ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
September 18, 2011 at 2:44 pm #413408Yes 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
September 18, 2011 at 4:32 pm #413423Solved, the 2nd problem must be a bug with another module. I will get back to it later on, maybe someone can help then 😉
Manos ModeratorManos
- Join date:
- February 2014
- Posts:
- 2806
- Downloads:
- 46
- Uploads:
- 56
- Thanks:
- 200
- Thanked:
- 633 times in 576 posts
September 18, 2011 at 5:05 pm #413433Well at least i tried that on localhost host and i couldn’t reproduce ( with Greek language on ) the problem.
Regards
Manos
AuthorPostsViewing 10 posts - 1 through 10 (of 10 total)This topic contains 10 replies, has 2 voices, and was last updated by Manos 13 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Link Type Option -> Image only and also a problem with Blog Mini Image in Greek
Viewing 10 posts - 1 through 10 (of 10 total)