Joomla Templates Club 406,261 posts

[oboect Friend oboectJoin date: December 2012Posts: 27Downloads:0Uploads:5 Thanks: 9 Thanked: 6 times in 1 posts]

#488026

Hello hhcbar,

I have made an example of the background for you. I believe you need to place it on the web to have an actual good view of it with the modules overlaying. Sometimes it’s better if you just make the image a bit lighter or darker depending on how it looks finally.

Here the link: https://www.dropbox.com/s/66rrjc615yrdzrl/main-bg.png

You need to place it in:
public_html/templates/ja_mixmaz/images/
(You might know about this but I put here for other people that might see this in the future)

That should work!

Hope this help

Borja

1 user says Thank You to oboect for this useful post

1. hhcbar

[oboect Friend oboectJoin date: December 2012Posts: 27Downloads:0Uploads:5 Thanks: 9 Thanked: 6 times in 1 posts]

#488029

<em>@oboect 365857 wrote:</em><blockquote>Hello Stork11,

Unfortuanetly, I have not solved it. Below you can see the screen grabs:

This is the homepage and you can see that everything s all right:

And here is the about us page where I miss the top menu and the language switcher:

Can you not see how it overlays in your computer?

I have tested it on a Mac and a PC with several browser and keep overlaying.

Thank you very much.

Borja

P.S.: Sorry for the late reply but I have been away a few days.</blockquote>

I am still on the hunt of this. I believe that if you modify something on the Template CSS it could work but not sure. I have also seen that if I add more modules below the main text, it would move my Background Image down and it wouldn’t be overlaying.

Is there anyway to say to the css to put the background image to the back? (if that make sense)

Thank you very much for your help.

Borja

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#488130

I got it, you can fix this problem this way

Open templates/ja_mixmaz/css/template.css file

from


#ja-tophead {
background: #252525;
border-bottom: 1px solid #000;
}

change to


#ja-tophead {
background: #252525;
border-bottom: 1px solid #000;
position: relative;
z-index: 2;
}


Let me know if it solve your problem

1 user says Thank You to Ninja Lead for this useful post

1. oboect

[oboect Friend oboectJoin date: December 2012Posts: 27Downloads:0Uploads:5 Thanks: 9 Thanked: 6 times in 1 posts]

#488169

Hi Ninja Lead,

You are a Hero!

That fixed my problem. Also, I have changed in templates/ja_mixmaz/css/template.css:

#ja-top-panel .main-inner1 {
background: #ffffcc
border: 2px dotted #e2e2b5
margin-top: 15px;
padding: 5px 10px;
position: relative;
text-align: center;
}

to

#ja-top-panel .main-inner1 {
background: #ffffcc
border: 2px dotted #e2e2b5
margin-top: 15px;
padding: 5px 10px;
position: relative;
z-index: 2;
text-align: center;
}

So my banner is also on the front.

Again, thanks.

Borja

1 user says Thank You to oboect for this useful post

1. phong nam

[Author]

Posts