Joomla Templates Club 406,261 posts

[1748823 Friend 1748823Join date: August 2013Posts: 10Downloads:0Uploads:7 Thanks: 5]

#190883

hi there, I have 2 queries,
query 1: how to get rid of the orange outline on the menu (i have attached an image of the outline)
query 2: how to make the button color the same as the menu color (attached image)

thanks

---

Attachments:

1. 

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

#506966

My below solution will help you to work with both the problem

+ Remove the orange outline on the menu

Open templates/ja_mendozite/themes/pink/css/menu/mega.css file


.ja-megamenu ul.level0 > li.active > a.mega {
background: url(../../images/grad.png) repeat-x left top #be3955;
border: 1px solid #c30021;
}

.ja-megamenu ul.level1 li.over,
.ja-megamenu ul.level1 li.active {
border-color: #c30021;
background: url(../../images/grad.png) repeat-x left top #be3955;
}


Image background path: templates/ja_mendozite/themes/pink/images/grad.png

+ Make the button color the same as the menu color

Open templates/ja_mendozite/themes/pink/css/menu/mega.css file


.button, button,
input, input, input {
background: url(../images/grad.png) repeat-x left top #be3955;
border: 1px solid #c30021;
}

Image background path: templates/ja_mendozite/themes/pink/images/grad.png

[1748823 Friend 1748823Join date: August 2013Posts: 10Downloads:0Uploads:7 Thanks: 5]

#507029

sorry i should have been more clearer, I’m working with the default template and NOT the pink template…could you point me in the right direction?

thanks

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

#507100

If your site is set with default theme, you can follow my below solution.

+ Open templates/ja_mendozite/css/menu/mega.css file

.ja-megamenu ul.level0 > li.mega > a.over { background: #000; }

.ja-megamenu ul.level0 > li.active > a.mega {
background: #97005D;
border: 1px solid #860097;
height: 38px;
line-height: 38px;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

+ Open templates/ja_mendozite/css/template.css file

.button, button,
input, input, input {
background: url(../images/grad.png) repeat-x left top #97005D;
border: 1px solid #860097;
color: #fff;
font-size: 80%;
text-transform: uppercase;
padding: 4px;
cursor: pointer;
overflow: visible;
}

Image background path: templates/ja_mendozite/images/grad.png

And change with my red mark

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

1. 1748823

[Author]

Posts