Joomla Templates Club 406,261 posts

[hamish Friend hamishJoin date: October 2012Posts: 2Downloads:31Uploads:3]

#190166

JA Mendozite Template

I see there are other threads regarding changing the colour of the menu items however I am struggling.

I have chosen the colour theme ‘Green’

I wish to change the shade of green on the menu item to another shade.

I have been through the CSS files changing different colours but the menu colour will not change.

What I am missing?

Thanks

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#504112

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager — General settings

[jesper_gade Friend jesper_gadeJoin date: August 2013Posts: 13Downloads:1Uploads:5 Thanks: 6]

#504772

I have the same problem. What did you find out?
Thanks 🙂

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

#504806

@hamish: You can find and change it here

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

.ja-megamenu ul.level0 {
font-family: 'PT Sans',sans-serif;
}

.ja-megamenu ul.level0 > li.mega > a.mega {
color: #fff;
padding: 0 15px;
height: 40px;
line-height: 40px;
border-right: 1px solid #111;
border-left: 1px solid #333;
font-weight: normal;
text-transform: uppercase;
font-size: 100%;
}

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

.ja-megamenu ul.level0 > li.active > a.mega {
background: url(../../images/grad.png) repeat-x left top #e55f43;
border: 1px solid #f54f27;
height: 38px;
line-height: 38px;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.ja-megamenu ul.level0 li.haschild > a.mega > span.menu-title,
.ja-megamenu ul.level0 li.haschild-over > a.mega > span.menu-title {
background-image: url(../../images/arrow3.png);
background-position: right center;
background-repeat: no-repeat;
padding-left: 0;
padding-right: 12px;
}

.ja-megamenu ul.level0 li.active.haschild > a.mega > span.menu-title,
.ja-megamenu ul.level0 li.active.haschild-over > a.mega > span.menu-title {
background-image: url(../../images/arrow2.png);
}

.ja-megamenu ul.level0 li.mega .has-image {
background-position: left 10px;
}

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

/* 0v - 0 and below
-----------------------------------*/
.ja-megamenu ul.level0 > li.active > a.mega {
background: url(../../images/grad.png) repeat-x left top #7ea055;
border: 1px solid #5f9818;
}

/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level1 li.over,
.ja-megamenu ul.level1 li.active {
border-color: #5f9818;
background: url(../../images/grad.png) repeat-x left top #7ea055;
}

/* CHILD CONTENT
-----------------------------------*/

/* Grouped --- */

.megamenu p.readmore a {
background-image: url(../../images/readmore-hover.png);
color: #799a51;
}

Remember to clear cache from Admin area after changed

@jesper_gade: You can appy as the same here but you need to check theme of your site is appearing on JA Mendozite Template

[Author]

Posts