Joomla Templates Club 406,261 posts

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#189370

I need to change the color of the template’s menu bar, depending on the page’s background.
by default it’s clear.
Can somebody help me?

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

#500771

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager – General settings

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#500777

http://www.shoppingmag.it/ja

i’ve set “no” the “optimize CSS menù”

thanks!

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

#500778

Okay …. so that I can get a better understanding of how you are wanting your menu bar to be colored,
might you be able to throw together a quick screenshot mockup of how you are wanting your menu to look?

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#500779

so simple, just to “not make that “noise”” with the background….

tanks a lot for the quick answer!

---

Attachments:

1. 

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

#500944

I’m not clear as to what you mean by “not make that “noise” with the background”

Can you clarify a bit more ??

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#500957

if the menù bar i clear, the words go upon the images of the background, that is “the noise”

---

Attachments:

1. 
2. 

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

#501176

Hi agenziak,

Your issue is related to the color of main menu and the size of your body background image. In order to solve it, you can try to open /templates/ja_teline_iv/css/template.css, then put below codes into the end of file:

.ja-megamenu {
background: white !important;
}

body#bd {
background-size: 100% auto !important;
}

Clear JAT3 cache after saving changes.

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#501296

ok great! and, what if i’d like to color even the high of the logo, but for all the template’s width

---

Attachments:

1. 

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

#501303

Hi agenziak,

Well, you can try to open /templates/ja_teline_iv/css/template.css, replaces lines:

/* Logo Image ---*/
h1.logo {
height: 57px;
margin-top: 40px;
width: 306px;
position:absolute;
bottom:0;
}

with

/* Logo Image ---*/
h1.logo {
height: 57px;
margin-top: 40px;
width: 100%;
position:absolute;
bottom:0;
background: white;
}

Clear JAT3 cache then.

1 user says Thank You to phong nam for this useful post

1. agenziak

[agenziak Friend agenziakJoin date: June 2013Posts: 36Downloads:0Uploads:14 Thanks: 9]

#505229

great! sorry for delay, but I was on holiday.

[Author]

Posts