Joomla Templates Club 406,261 posts

[gardatime Friend gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#506388

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

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

#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 gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#506529

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

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

#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 gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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 TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#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 gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#507972

@gardatime: You can follow as my solution here

[gardatime Friend gardatimeJoin date: August 2013Posts: 37Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#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 Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#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

[Author]

Posts