Joomla Templates Club 406,261 posts

[s4reea Friend s4reeaJoin date: August 2013Posts: 42Downloads:0Uploads:6 Thanks: 26 Thanked: 2 times in 1 posts]

#190367

Hello,
if you visit my registration page
http://jarmaq.com/index.php/registration
and try to hover the mouse over an item of the navbar, you won’t see it because of the background color of t3-content.

How can i fix it without touching t3-content, because changing t3-content effects all the site…

another problem regarding t3-content background: if i change my class background of the main page to (space)body-bg-8, the background changes to the blue, but a little white bar from the t3-content class (in css) shows right above the articles in main page or in any other page set to =! body-bg.
i don’t see this is body-bg (default class), why ? i researched the css difference of the two, in body-bg the background settings are set to transparent, i tried to change this for body-bg-8 but the background of registration page (all the page) went transparent, a question arised for me: how come in body-bg class the t3-content is set to transparent and it doesn’t affect the background of registration page (or contact us, it effects it all).
How can i over come this ?
Thanks !

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

#505071

JA SmashBoard template define list of body background from .body-bg-1 to .body-bg-9 you can find it here

Open templates/ja_smashboard/css/template.css file


.body-bg-1 body {
background-image: url("../images/body-bg-1.jpg");
}
.body-bg-2 body {
background-image: url("../images/body-bg-2.jpg");
}
.body-bg-3 body {
background-image: url("../images/body-bg-3.jpg");
}
.body-bg-4 body {
background-image: url("../images/body-bg-4.jpg");
}
.body-bg-5 body {
background-image: url("../images/body-bg-5.jpg");
}
.body-bg-6 body {
background-image: url("../images/body-bg-6.jpg");
}
.body-bg-7 body {
background-image: url("../images/body-bg-7.jpg");
}
.body-bg-8 body {
background-image: url("../images/body-bg-8.jpg");
}
.body-bg-9 body {
background-image: url("../images/body-bg-9.jpg");
}


And you will change it in the menu item, see the screenshot

---

Attachments:

1. 

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

1. s4reea

[s4reea Friend s4reeaJoin date: August 2013Posts: 42Downloads:0Uploads:6 Thanks: 26 Thanked: 2 times in 1 posts]

#505112

Listen, awesome!
I editted the css attribute in the menu to body-bg-8 only and problem occurred,but after i did what you said it fixed it, this way
(space)body-bg body-bg-8. I read about this in joomla documentation that (space)body-bg body-bg-8 replaces the original body-bg, but it actually made a difference between (space)body-bg body-bg-8 and body-bg-8 alone, how can you explain it? it is interesting…

Still we haven’t fixed the white background problem
http://jarmaq.com/index.php/contact
and you can see the white background interfere with the navbar words… how can i fix it
Thanks again !

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

#505182

You can try as follows:

Open templates/ja_smashboard/css/template.css file

From

.t3-mainnav.focus {
width: 23em;
background: url("../images/menu-mask-ltr.png") repeat-y left top;
background-size: 100% auto;
z-index: 1032;
}

Change to


.t3-mainnav.focus {
background: url("../images/menu-mask-ltr.png") repeat-y scroll left top transparent;
width: 23em;
z-index: 1032;
}


Open this file again, find and delete the followings:


.t3-mainnav.focus {
background-size: 0 auto;
}


Pls try and let me know if it helps.

Regards

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

1. s4reea

[s4reea Friend s4reeaJoin date: August 2013Posts: 42Downloads:0Uploads:6 Thanks: 26 Thanked: 2 times in 1 posts]

#505262

Hello,
I tried using firebug to edit as your said,
it didn’t help.
i tried to set width: 23em; to width: 30em; and that sufficed to show the words…
What do you think?
Thanks !

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

#505405

I will help you to fix this problem directly on your site. Please pm me admin access of your site and ftp account.

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

1. s4reea

[s4reea Friend s4reeaJoin date: August 2013Posts: 42Downloads:0Uploads:6 Thanks: 26 Thanked: 2 times in 1 posts]

#505417

I sent you a pm, can you confirm that you received it ?

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

#505528

<em>@s4reea 389032 wrote:</em><blockquote>I sent you a pm, can you confirm that you received it ?</blockquote>

I have fixed the problem directly on your site. This is my fixes

Open templates/ja_smashboard/css/rtl/template.css file

From

.t3-mainnav.focus {
background-size: 100% auto;
}

Change to

.t3-mainnav.focus {
background-size: 100% 100%;
}

[s4reea Friend s4reeaJoin date: August 2013Posts: 42Downloads:0Uploads:6 Thanks: 26 Thanked: 2 times in 1 posts]

#505567

that didn’t help.
That even made it not seen. Thanks anyway, what i wanted is that the a user on a contact us page or any white background page to be able to see the menu items.

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

#505731

<em>@s4reea 389206 wrote:</em><blockquote>that didn’t help.
That even made it not seen. Thanks anyway, what i wanted is that the a user on a contact us page or any white background page to be able to see the menu items.</blockquote>

Which browser did you use to check it? These are results of what I checked on your site with Firefox and Chrome browsers. Menu site is always showing above white background, see the screenshot

+ Chrome

+ Firefox

---

Attachments:

1. 
2. 

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

1. s4reea

[Author]

Posts