Joomlabamboo Support Forum :: Topic: Aussie change menu background colour (1/1) | Joomlabamboo

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Aussie change menu background colour

If you use Zentools please post a review at the Joomla! Extensions Directory.

6 years 11 months ago

I have looked to change the colour of the wave pattern, and I can not find it anywhere.
I found this:
#topwrap::after {
content: '';
width: 100%;
height: 42px;
position: absolute;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%209.54%22%3E%3Ctitle%3Ewavepattern%3C%2Ftitle%3E%3Cpath%20d%3D%22M137.14%2C11.36l-0.05%2C1.12a18.11%2C18.11%2C0%2C0%2C1%2C9.73%2C2.7L151%2C17.94c6%2C4%2C15.72%2C3.94%2C21.68%2C0l4.16-2.78a18.27%2C18.27%2C0%2C0%2C1%2C10.29-2.74v-1%22%20transform%3D%22translate%28-87.14%20-11.36%29%22%20fill%3D%22%23bfcb29%22%2F%3E%3Cpath%20d%3D%22M137.14%2C11.36l0.05%2C1.12a18.11%2C18.11%2C0%2C0%2C0-9.73%2C2.7l-4.18%2C2.76c-6%2C4-15.72%2C3.94-21.68%2C0l-4.16-2.78a18.27%2C18.27%2C0%2C0%2C0-10.29-2.74v-1%22%20transform%3D%22translate%28-87.14%20-11.36%29%22%20fill%3D%22%23bfcb29%22%2F%3E%3C%2Fsvg%3E");
background-size: 300px 47px;
background-repeat: repeat-x;
background-position-y: bottom !important;
background-position-x: center;
margin-top: 10px;
}

How can we alter the colour? That green definitely does not work for my client!

pyzote
3 Month Basic
49 posts
2 Thanks
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

Hi

Do you have a colour value in mind?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

6 years 11 months ago

Hi

I believe this colour uses the value of the Quaternary color in the template.

In the template:
Design > General Settings Style Panel > Colors > Quaternary
Change the colour value here or use the colour picker to select a colour to suit your design.

save the template and refresh your page to see the colour in the wave change.

I hope this helps.
Ian

iafdesign
LIfetime Developer - Big Bamboo
393 posts
153 Thanks
Karma: 58

The administrator has disabled public write access.

6 years 11 months ago

Thanks Ian

Yep that is correct with the colour added as a background colour in the row style

The SVG of the wavy line is a little different

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

6 years 11 months ago

So how do you change the color of the svg? I open it and don't see a color in CorelDraw.

T.R. Griffith
LIfetime Developer - Big Bamboo
37 posts
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

The colour is applied via the css fill value. The value is a variable in the template less file that is set at the Quaternary color.

The Quaternary color therefore provides the "fill" colour to the svg. There is no colour as such in the svg when you open it, so it is flexible in the template.

That is the theory as i understand it, but the developer may have a different view.

Regards Ian

iafdesign
LIfetime Developer - Big Bamboo
393 posts
153 Thanks
Karma: 58

The administrator has disabled public write access.

6 years 11 months ago

Ya, that's what I thought I had read however, mine are still white when I change that color.

T.R. Griffith
LIfetime Developer - Big Bamboo
37 posts
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

If you can post a link I'm sure jb support will take a look.

Until then you could check and clear your cache, in Joomla, the browser and on your host. Sometimes these hang on to settings.

Other thing is be sure we talking about the correct/same wave svg as there are two in this template.

JB support should then be able to target the help.

Ian

iafdesign
LIfetime Developer - Big Bamboo
393 posts
153 Thanks
Karma: 58

The administrator has disabled public write access.

6 years 11 months ago

As Ian said which SVG are we looking at?

And a link would be great

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

6 years 11 months ago

I'm just looking at the double wave on trgriffith.com. It's white right now, but I initially wanted it a different color. After playing I couldn't figure out how so I kind of gave up until I was browsing and saw this thread.

T.R. Griffith
LIfetime Developer - Big Bamboo
37 posts
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

Any further thoughts on this? As an example I've changed the background on the site to af8e35 however, the double wave is still white. My Quaternary color works for the top wave and is 636363.

trgriffith.com

T.R. Griffith
LIfetime Developer - Big Bamboo
37 posts
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

I found where it's at in the theme.aussie.css

#bannerwrap .aussie-slideshow:after {
  content: "";
  width: 100%;
  height: 200px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%20111.79%22%20preserveAspectRatio%3D%22xMinYMax%20slice%22%3E%3Ctitle%3Ewavedoublepattern%3C%2Ftitle%3E%3Cpath%20d%3D%22M93.86%2C142.55C78.29%2C153.1%2C53%2C153%2C37.54%2C142.43L26.74%2C135C19.4%2C130%2C9.66%2C127.58%2C0%2C127.74V163H130V128c-9.16.06-18.29%2C2.45-25.28%2C7.18Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M93.86%2C103.54C78.29%2C114.08%2C53%2C114%2C37.54%2C103.42L26.74%2C96C19.4%2C91%2C9.66%2C88.56%2C0%2C88.73V125c10.55-.17%2C21.18%2C2.49%2C29.19%2C8l10.8%2C7.4c14.14%2C9.69%2C37.21%2C9.74%2C51.43.11l10.86-7.35c7.66-5.19%2C17.68-7.81%2C27.72-7.87V89c-9.16.06-18.29%2C2.45-25.28%2C7.18Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M104.72%2C58.67L93.86%2C66C78.29%2C76.57%2C53%2C76.52%2C37.54%2C65.9l-10.8-7.4C19.4%2C53.48%2C9.66%2C51.05%2C0%2C51.22V86c10.55-.17%2C21.18%2C2.49%2C29.19%2C8L40%2C101.4c14.14%2C9.69%2C37.21%2C9.74%2C51.43.11l10.86-7.35C109.95%2C89%2C120%2C86.35%2C130%2C86.29V51.49C120.84%2C51.55%2C111.71%2C53.94%2C104.72%2C58.67Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M166.14%2C142.55c15.57%2C10.54%2C40.84%2C10.49%2C56.32-.12l10.8-7.4c7.34-5%2C17.08-7.45%2C26.74-7.29V163H130V128c9.16%2C0.06%2C18.29%2C2.45%2C25.28%2C7.18Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M166.14%2C103.54c15.57%2C10.54%2C40.84%2C10.49%2C56.32-.12l10.8-7.4c7.34-5%2C17.08-7.45%2C26.74-7.29V125c-10.55-.17-21.18%2C2.49-29.19%2C8l-10.8%2C7.4c-14.14%2C9.69-37.21%2C9.74-51.43.11l-10.86-7.35C150.05%2C128%2C140%2C125.37%2C130%2C125.31V89c9.16%2C0.06%2C18.29%2C2.45%2C25.28%2C7.18Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M155.28%2C58.67L166.14%2C66c15.57%2C10.54%2C40.84%2C10.49%2C56.32-.12l10.8-7.4c7.34-5%2C17.08-7.45%2C26.74-7.29V86c-10.55-.17-21.18%2C2.49-29.19%2C8L220%2C101.4c-14.14%2C9.69-37.21%2C9.74-51.43.11l-10.86-7.35C150.05%2C89%2C140%2C86.35%2C130%2C86.29V51.49C139.16%2C51.55%2C148.29%2C53.94%2C155.28%2C58.67Z%22%20transform%3D%22translate%280%20-51.21%29%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: 472px;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 1;
}

It's within all the soup within the url for the background image. In the example above it's all 000000. Originally it was ffffff. I changed EVERY color value in buildr that was ffffff to ff0000 to try and find it. Nothing. So I came back to the CSS, after clearing my cache and it was still ffffff.

T.R. Griffith
LIfetime Developer - Big Bamboo
37 posts
Karma: 0

The administrator has disabled public write access.

6 years 11 months ago

Sorry for the lack of a reply on this one

I'm not actually sure myself on this one

I was hoping to catch a developer to check

I will try and catch somebody either later today or tomorrow

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers