Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1060547

Hi there,

Could you please advise me on how to change just the text ‘Sale Room’ on my drop down menus?

Please see attached image for explanation…

Regards!

---

Attachments:

1. 

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

#1060609

Hi
open Mega menu > Select the item on which u want to change the colour.
Now add an extra class for this menu item and apply the colour style via a custom.css file to add colour on the custom class name you added.
This way you apply the custom style on menu items.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1070333

Hi there,

So I have added a extra class (as below) and I’ve added on the custom.cc code to the text in the mega menu but even with the important rule it’s not changing colour for some reason??

.mm-sale
{
color: #ffa78c !important;
}

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

#1070374

Hi
Kindly share site credentials in Private reply.
So I will have a look on it.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1070551

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]

#1070784

Hi
The code is working on your site.
Take a look here http://prntscr.com/h3pli9
Kindly clear your browser cache and check.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1071013

Hi there,

Sorry, that code you saw….was for a button as below:

.mm-sale {
  background: #ffcebf;
  background-image: -webkit-linear-gradient(top, #ffcebf, #ffad94);
  background-image: -moz-linear-gradient(top, #ffcebf, #ffad94);
  background-image: -ms-linear-gradient(top, #ffcebf, #ffad94);
  background-image: -o-linear-gradient(top, #ffcebf, #ffad94);
  background-image: linear-gradient(to bottom, #ffcebf, #ffad94);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
    border-radius: 11px;

 padding: 10px 20px 10px 20px;
  color: #ffffff;

  text-decoration: none;
}  

I WILL REMOVE THE ABOVE CODE AND WILL ADD IN THE ORIGINAL CODE I WAS TRYING TO SETUP.

….FOR JUST THE TEXT COLOR TO CHANGE.

.mm-sale
{
color: #ffa78c !important;
}

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

#1071145

Hi
Use this code in custom.css file and it will work

 .mm-sale a {
color: #ffa78c!important;
}

Regards

[Author]

Posts