Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1087932

Hi
On the homepage the background is transparent, and on another page there is background.
But the colour is same.
Kindly see homepage http://prntscr.com/i3qdsw other pages: http://prntscr.com/i3qe0v

Both are using white colour.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1088046

Hello Pankaj,

I was added below codes to custom.css to change the color to while of menu item text. Now I have removed pls check. I need the other pages menu text color should be same as on the home page. Please help.

And also in the mobile device, other pages except home page the logo and sidebar three lines are not appearing properly. I have attached screen shot.

/media all/
.navbar-default .navbar-nav > li > a {
color: rgba(255, 255, 255, 1);

}

/media all/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: rgba(255, 255, 255, 1);
background-color: rgba(0, 0, 0, 0);
}a

/media all/
.navbar-default .navbar-nav > li.active.open > a {
color: rgba(255, 255, 255, 1);
}

/media all/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 1);
}

/media all/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: rgba(255, 255, 255, 1);
background-color: rgba(0, 0, 0, 0);
}

/media all/
.navbar-default .navbar-nav > li.active > a {
color: rgba(255, 255, 255, 1);
}

/media all/
.navbar-default .navbar-nav > li.open > a {
color: rgba(255, 255, 255, 1);
}

/media all/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: rgba(255, 255, 255, 1);
background-color: transparent;
}

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1088117

Hi
It looks like you have added the correct code.
The homepage has the special effect with the image to show the different colour for the menu.
to change the menu colour the same code needs to be added that you already have.
Let me know if there is color difference i will help you with it.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1088148

Hello Pankaj,

Okey then it is fine with the menu item text color. The other problem logo is not showing on other pages compared to home page while using on mobile and tablet devices. Please help me to fix this.

• This reply was modified 6 years, 3 months ago by  infocubic.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1088152

Hi
open
/templates/ja_jason/local/css/template.css
Find

.t3-header.t3-header-mask{background-size:auto 100%;background-position:center center;}

replace it with

.t3-header.t3-header-mask{background-position:center center;}

save and check.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1088157

I have changed the code but now everything got distracted, please see the site

Please see https://swajyot.com/

Since this is live website (www.madhumadhavan.net), I have created a copy of the same in to https://swajyot.com/. Once completely everything is ready the I will copy to the live website….

• This reply was modified 6 years, 3 months ago by  infocubic.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1088256

Hi
It seems you changed wrong css code also using wrong configurations for the homepage and other pages.
Kindly give me a temp super user details of this test site in private reply, I will apply the changes and let you know details here.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1088272

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1088276

Hi
I reverted the changes from template.css file that I shared in this thread and add this code in custom.css file now you can see the logo on small screen fine

@media (max-width: 991px)
{.home .t3-header.t3-header-mask {
    background-size: auto 100%;
    background-position: center center;
}}

@media (max-width: 991px)
{ .t3-header.t3-header-mask {
    background-size:  100%;
    background-position: center center;
}}

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1088852

Thank you .. it is fine now..

[Author]

Posts