-
AuthorPosts
-
gardatime Friend
gardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
September 19, 2013 at 7:18 am #190732Hi, 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.itTomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 19, 2013 at 3:35 pm #506378What 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 Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
September 19, 2013 at 5:30 pm #506388Tanks, but why I can’t change color by tamplate settings? Exstension–>template ?
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 19, 2013 at 6:05 pm #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 Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
September 20, 2013 at 8:03 am #506450Hi 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 ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 20, 2013 at 3:35 pm #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 Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
September 20, 2013 at 9:16 pm #506529I use ja teline 4 and joomla 3.1, where is the file to modify?
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 20, 2013 at 9:25 pm #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 modifygardatime Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
October 2, 2013 at 9:10 am #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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 3, 2013 at 3:29 pm #507922This 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 ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
October 3, 2013 at 3:30 pm #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 Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
October 3, 2013 at 6:38 pm #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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 4, 2013 at 3:32 am #507972@gardatime: You can follow as my solution here
gardatime Friendgardatime
- Join date:
- August 2013
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 12
- Thanked:
- 2 times in 1 posts
October 4, 2013 at 9:52 am #508017The logo size is modify because I need more space for my logo, I have try to put word important but nothings change.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 7, 2013 at 6:32 am #508184I 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
-
AuthorPosts
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