Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • lanc3lot Friend
    #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?


    1. example-1_blogminimage
    Manos Moderator
    #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
    #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
    #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
    #413395

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

    Manos Moderator
    #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

    lanc3lot Friend
    #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
    #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

    lanc3lot Friend
    #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
    #413433

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

    Regards

    Manos

Viewing 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