Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962398

Hi

Add this to your custom.css

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  color: #79f416!important;
}

---

Attachments:

1. 

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962440

Changes made. We are having caching issues. Can you confirm that it is working on our site like the picture you attached to your reply?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962442

not yet

I can see you are working with /local/ folder, i cannot see any custom.css file showed anyway,

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962455

Ok.. So i made the html change you originally posted to /templates/jadecor/css/template.css

I think you wanted me to put it in /templates/jadecor/css/custom.css. So I did so:

@media (min-width: 1200px) {
.has-slideshow .t3-mainbody { margin-top: 300px; }
}
.logo-image { background: none; }
.jamasshead-description { display: none; }

.has-masthead .t3-mainbody {
background:url("../../../../images/subbody-bg.png") no-repeat left top / 100% auto #79f416!important;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
color: #79f416!important;
}

That right?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962462

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
color: #79f416!important;
}

That right?

Yes it is right , you need to add it to custom.css file

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962463

That is from the custom.css file.

Still not working on my side. Can you confirm? Or take a look?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962468

Hi

I added custom code in your /local folder, now it works fine.

Regards

---

Attachments:

1. 

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962473

So the Main Menu items are now turning green, but the header slideshow is almost half the height it was before the change.

You can see this if you open our page with the window full size, then restore the window down to half size.

Ideas?

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962474

And when you are actually on an Article page, it is still showing the darker color. Is there a way to tell it whenever it is hovered over AND/OR selected, it shows green?

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962475

Changes i applied has nothing to do with the slideshow, you can remove the file i added clean your browser cache and verify.

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#962479

I totally agree that what we did has nothing to do with the slideshow size. It doesn’t make sense since all we were adding was instructions on color.

When you are actually on an Article page, it is still showing the darker color. Is there a way to tell it whenever it is hovered over AND/OR selected, it shows green?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#962633

When you are actually on an Article page, it is still showing the darker color. Is there a way to tell it whenever it is hovered over AND/OR selected, it shows green?

I added to your custom.css file a new line

.nav .current, .nav .active a,.nav .active a:active {
  color: #79f416!important;
}

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#963264

Working. Please mark solved.

[Author]

Posts