Joomla Templates Club 406,261 posts

[zamoooik Friend zamoooikJoin date: February 2013Posts: 68Downloads:0Uploads:19 Thanks: 4]

#188488

I want to change the color of the navigation menu from black to a shade of grey. How can I achieve that?
Secondly, I want to reduce the space on the left of the articles category blog on my homepage as seen on cgesgr.zamoonda.org. I just want the text to fill the space and not use images in category blog layouts.

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

#496900

To modify the color of your main navigation bar:

Within file path –> /t3-assets/dev/green/templates.ja_argo.less.navigation.less.css

at line 1, you will see the following:


.t3-mainnav {
background-color: #080808
background-image: linear-gradient(to bottom, #0D0D0D, #000000)
background-repeat: repeat-x;
border-bottom: 0 none;
border-top: 0 none;
height: 50px;
}

Simply modify the background-color property to the color code for the shade of grey you want.
Then, remove the “background-image” property – for example . . .


.t3-mainnav {
background-color: #333333
border-bottom: 0 none;
border-top: 0 none;
height: 50px;
}

For color code (aka: hex code) info, see

😎

[joomdude808 Friend joomdude808Join date: May 2013Posts: 64Downloads:3Uploads:0 Thanks: 7]

#507368

I do not have such a file on my server, only…
t3-assets/css/css-06e5f.css and about 10 other similar looking files

Please advice

<em>@TomC 378082 wrote:</em><blockquote>To modify the color of your main navigation bar:

Within file path –> /t3-assets/dev/green/templates.ja_argo.less.navigation.less.css

at line 1, you will see the following:


.t3-mainnav {
background-color: #080808
background-image: linear-gradient(to bottom, #0D0D0D, #000000)
background-repeat: repeat-x;
border-bottom: 0 none;
border-top: 0 none;
height: 50px;
}

Simply modify the background-color property to the color code for the shade of grey you want.
Then, remove the “background-image” property – for example . . .


.t3-mainnav {
background-color: #333333
border-bottom: 0 none;
border-top: 0 none;
height: 50px;
}

For color code (aka: hex code) info, see

:cool:</blockquote>

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

#507385

<em>@joomdude808 391517 wrote:</em><blockquote>I do not have such a file on my server, only…
t3-assets/css/css-06e5f.css and about 10 other similar looking files

Please advice</blockquote>
Where are you looking? . You have to have the file referenced above – as I found it within the JA Argo files myself.

[joomdude808 Friend joomdude808Join date: May 2013Posts: 64Downloads:3Uploads:0 Thanks: 7]

#507386

When I look in the “t3-assets” folder off the root directory, I do not see a “dev” folder as you mentioned in the previous post to the user zamoooik. I only have a css folder in my “t3-assets” folder which ONLY has

I only have a bunch of CSS files with name like “css-06e5f.css”

Screenshot:
http://snag.gy/MjtD2.jpg

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507485

Hi joomdude808,

You can change the navigation bar by putting below codes into templates/ja_argo/css/custom.css file:

.t3-mainnav {
background-color: #080808;
background-image: linear-gradient(to bottom,#0d0d0d,#000);
}


Change #080808,#0d0d0d,#000 to the color you want.

[Author]

Posts