Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • gardatime Friend
    #190732

    Hi, I try to change the color of the lines and the char in the menĂ¹, by admin page of template, but doesn’t work. I can choose the color and save, but I have only black.
    http://Www.gardatime.it

    TomC Moderator
    #506378

    What color do you want your menu titles and border lines to be?

    To change the color of your menu items/names . . . .

    Look to file path —> /templates/ja_teline_iv/css/menu/mega.css

    at line 35, where you will see the following:


    .ja-megamenu ul.level0 li.mega a.mega {
    color: #000000
    display: block;
    font-size: 125%;
    font-weight: bold;
    margin: 3px;
    padding: 4px 8px 3px;
    text-decoration: none;
    text-transform: uppercase;
    }

    This is where you can change various styling aspects for your menu item titles.
    As you can see, the color is currently set at the hex code for black (#000000).

    Similarly, to change the color of the “line,” . . . . . .

    Look to file path —> /templates/ja_teline_iv/css/menu/mega.css

    at line 17, you will see the following:


    .ja-megamenu {
    border-bottom: 5px solid #000000
    padding: 0;
    }

    The “line” is actually a designated “border” within the CSS rule.
    Simply change the color code to whatever color you want.

    gardatime Friend
    #506388

    Tanks, but why I can’t change color by tamplate settings? Exstension–>template ?

    TomC Moderator
    #506390

    <em>@gardatime 390280 wrote:</em><blockquote>Tanks, but why I can’t change color by tamplate settings? Exstension–>template ?</blockquote>
    I’m not certain why it is not working for you at this time . . . which is why I provided you with the CSS method to make changes.

    gardatime Friend
    #506450

    Hi Tom, I had try to change code follow your instruction, but don’t work. I had try to change from black to red, only the menu text.
    If I try to set another color from jateline parametres by back end I can change color, but my logo is updated with the Ja Teline Logo. ?????

    TomC Moderator
    #506494

    <em>@gardatime 390359 wrote:</em><blockquote>Hi Tom, I had try to change code follow your instruction, but don’t work. I had try to change from black to red, only the menu text.
    If I try to set another color from jateline parametres by back end I can change color, but my logo is updated with the Ja Teline Logo. ?????</blockquote>
    Yes, because you need to change the CSS for your custom logo within the CSS files for that color theme.

    gardatime Friend
    #506529

    I use ja teline 4 and joomla 3.1, where is the file to modify?

    TomC Moderator
    #506532

    <em>@gardatime 390455 wrote:</em><blockquote>I use ja teline 4 and joomla 3.1, where is the file to modify?</blockquote>
    Set your site to the color theme you want, and I will show you exactly which file to modify

    gardatime Friend
    #507777

    <em>@TomC 390458 wrote:</em><blockquote>Set your site to the color theme you want, and I will show you exactly which file to modify</blockquote>
    Hi Tom, I have set the color theme now, please tell me the file I need to modify to change the Ja Teline Logo.

    Ninja Lead Moderator
    #507922

    This way will help you to change the logo

    + Open templates/ja_teline_iv/css/template.css file

    From

    h1.logo a {
    background: url(../images/logo.png) no-repeat left top;
    display: block;
    height: 200px;
    width: 400px;
    }

    Change to

    h1.logo a {
    background: url(../images/logo.png) no-repeat left top !important;
    display: block;
    height: 83px;
    width: 290px;
    }

    + If you want to change text color the menu to red. Please follow as my below solution

    Open templates/ja_teline_iv/css/menu/mega.css file

    From


    .ja-megamenu ul.level0 li.mega a.mega {
    display: block;
    margin: 3px;
    padding: 4px 8px 3px;
    text-decoration: none;
    color: #F0000;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: bold;
    }

    Change to


    .ja-megamenu ul.level0 li.mega a.mega {
    display: block;
    margin: 3px;
    padding: 4px 8px 3px;
    text-decoration: none;
    color: #FF0000;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: bold;
    }

    Don’t forget to clear cache from Admin area after changed

    TomC Moderator
    #507923

    <em>@gardatime 392039 wrote:</em><blockquote>Hi Tom, I have set the color theme now, please tell me the file I need to modify to change the Ja Teline Logo.</blockquote>

    Look to the following file path —> /templates/ja_teline_iv/themes/green-color/css/color.css

    at line 18, replace “logo.png” with the file path to/for your logo


    h1.logo a {
    background-image: url("../images/logo.png");
    }

    gardatime Friend
    #507943

    <em>@TomC 392229 wrote:</em><blockquote>Look to the following file path —> /templates/ja_teline_iv/themes/green-color/css/color.css

    at line 18, replace “logo.png” with the file path to/for your logo


    h1.logo a {
    background-image: url("../images/logo.png");
    }

    </blockquote>
    I have try but don’t work, logo.png is my own logo “GardaTime”, I think that there is another void that overraid my choise…

    Ninja Lead Moderator
    #507972

    @gardatime: You can follow as my solution here

    gardatime Friend
    #508017

    The logo size is modify because I need more space for my logo, I have try to put word important but nothings change.

    Ninja Lead Moderator
    #508184

    I checked on this link: templates/ja_teline_iv/css/template.css but I saw you have changed wrong on this file

    Line 998 to 1005

    h1.logo a {

    /*background: url(../images/logo.png) no-repeat left top; !important;*/
    background: url(../images/logo.png) no-repeat left top;
    display: block;
    height: 200px;
    width: 400px;
    }

    Need to change

    h1.logo a {
    background: url(../images/logo.png) no-repeat left top !important;
    display: block;
    height: 200px;
    width: 400px;
    }

    Remember to clear cache from Admin area after changed

Viewing 15 posts - 1 through 15 (of 15 total)

This topic contains 15 replies, has 3 voices, and was last updated by  Ninja Lead 11 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum