Joomla Templates Club 406,261 posts

[sicilynews Friend sicilynewsJoin date: February 2010Posts: 8Downloads:0Uploads:1 Thanks: 2]

#149878

How can I change the GRAY color in menu background?

[sicilynews Friend sicilynewsJoin date: February 2010Posts: 8Downloads:0Uploads:1 Thanks: 2]

#338611

May someone help me, please?

[vitormarques Friend vitormarquesJoin date: March 2010Posts: 70Downloads:0Uploads:0 Thanked: 19 times in 18 posts]

#339136

Hello.

You can change that by doing this:

01. file templates/ja_tube/css/template.css (line 1289)
02. inside this change the background color:

#ja-mainnav {
background:#F4F4F4 none repeat scroll 0 0;
border-top:1px solid #D5D5D5;
padding:8px 0;
z-index:999;
}

Best regards

[sicilynews Friend sicilynewsJoin date: February 2010Posts: 8Downloads:0Uploads:1 Thanks: 2]

#339479

<em>@vitormarques 173105 wrote:</em><blockquote>Hello.

You can change that by doing this:

01. file templates/ja_tube/css/template.css (line 1289)
02. inside this change the background color:

#ja-mainnav {
background:#F4F4F4 none repeat scroll 0 0;
border-top:1px solid #D5D5D5;
padding:8px 0;
z-index:999;
}

Best regards</blockquote>

Hi, I changed template.css as you wrote, but the change affected only this menu:

HOME TYPOGRAPHY NAVIGATIONS LAYOUTS COLORS JOOMLA! OVERVIEW

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#340163

Dear sicilynews!

The head of box is using two background images to create header backhground as you saw:

http://dev.joomlart.com/jadev_data/sites/auto/qs.tube.1271125809/templates/ja_tube/images/box-tl.gif
http://dev.joomlart.com/jadev_data/sites/auto/qs.tube.1271125809/templates/ja_tube/images/box-tr.gif

So that you must to create two images having same dimension with those images.

2) Here is css code to render the header background of box:

div.module div div,
div.module_text div div,
div.module_menu div div {
background: url(../images/box-tr.gif) no-repeat right top;
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div {
background: url(../images/box-tl.gif) no-repeat left top;
padding: 0;
}

YOu can find them in the /templates/ja_tube/css/template.css

GOod luck

1 user says Thank You to Saguaros for this useful post

1. sicilynews

[sicilynews Friend sicilynewsJoin date: February 2010Posts: 8Downloads:0Uploads:1 Thanks: 2]

#340802

<em>@tienhc 174342 wrote:</em><blockquote>Dear sicilynews!

The head of box is using two background images to create header backhground as you saw:

http://dev.joomlart.com/jadev_data/sites/auto/qs.tube.1271125809/templates/ja_tube/images/box-tl.gif
http://dev.joomlart.com/jadev_data/sites/auto/qs.tube.1271125809/templates/ja_tube/images/box-tr.gif

So that you must to create two images having same dimension with those images.

2) Here is css code to render the header background of box:

div.module div div,
div.module_text div div,
div.module_menu div div {
background: url(../images/box-tr.gif) no-repeat right top;
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div {
background: url(../images/box-tl.gif) no-repeat left top;
padding: 0;
}

YOu can find them in the /templates/ja_tube/css/template.css

GOod luck</blockquote>

Thank you very much!

[Author]

Posts