Joomla Templates Club 406,261 posts

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#182990

I use the light version. When mouse over link it turns white, not visible. How can I change its colour?

---

Attachments:

1. 

[blunoa Friend blunoaJoin date: June 2007Posts: 11Downloads:7Uploads:0 Thanks: 3 Thanked: 8 times in 4 posts]

#475758

at templates/ja_mero/css/themes/light/template.css

change at line 939 color: #fff
in color: #000
from this

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: #fff;
text-shadow: none;
}

to this

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: #000;
text-shadow: none;
}

[blunoa Friend blunoaJoin date: June 2007Posts: 11Downloads:7Uploads:0 Thanks: 3 Thanked: 8 times in 4 posts]

#475759

change also at line 628

templates/ja_mero/css/themes/light/template.min.css

.ja-mainnav .navbar .nav>li>a:hover{background:transparent;color:#fff;text-shadow:none}.ja-mainnav .navbar .nav > .active > a,

in
.ja-mainnav .navbar .nav>li>a:hover{background:transparent;color:#000;text-shadow:none}.ja-mainnav .navbar .nav > .active > a,

NB color:#000 is black color but you can change in any color that you like

2 users say Thank You to blunoa for this useful post

1. glenng
2. JA Developer

[glenng Friend glenngJoin date: February 2012Posts: 256Downloads:24Uploads:64 Thanks: 45 Thanked: 7 times in 1 posts]

#475763

Thanks a lot!!

1 user says Thank You to glenng for this useful post

1. JA Developer

[ryan kishan Friend ryan kishanJoin date: November 2012Posts: 13Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#475906

<em>@blunoa 349986 wrote:</em><blockquote>at templates/ja_mero/css/themes/light/template.css

change at line 939 color: #fff
in color: #000
from this

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: #fff
text-shadow: none;
}

to this

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: #000
text-shadow: none;
}
</blockquote>

I don’t know why but I cannot change it using the above suggestions. Its same with the logo size too (editing both the template.css and template.min.css files)…my developer mode is disabled so I am not using LESS and changing the CSS files doesn’t work. I am using Joomla 3.0.

[ryan kishan Friend ryan kishanJoin date: November 2012Posts: 13Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#475908

OK so I got it, I installed the Joomla 2.5 version of JA Mero and its working. Seems like Joomla 3.0 version of this template has bugs.

[ryan kishan Friend ryan kishanJoin date: November 2012Posts: 13Downloads:0Uploads:4 Thanks: 5 Thanked: 1 times in 1 posts]

#475917

<em>@ryan kishan 350193 wrote:</em><blockquote>OK so I got it, I installed the Joomla 2.5 version of JA Mero and its working. Seems like Joomla 3.0 version of this template has bugs.</blockquote>

Sorry for my last post!!!

I was again testing in Joomla 2.5 version of Mero on my local host and I used ThemeMagic to create a new style for me ( I just changed the background to white and saved it as 1). This made a new folder with name 1
templatesja_merocssthemes1
. Now if we modify the template.css file inside the Joomla, we will still be modifying the
templatesja_merocsstemplate.css
file. But since my new theme is 1, modifying the
templatesja_merocssthemes1template.css
externally using any editor gives the desired result. This is convenient on local host but what about a live website? This is my first try with Joomla so I am confused if every time I need to modify the new template.css file, I would have to edit it on my system and then upload it to
templatesja_merocssthemes1
for a live website??

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#476218

Hi,

For JA T3v3 Framework you should consider using LESS instead of CSS.

You you want to custom your template using JAT3V3, please add CSS change to custom.css file instead of modifying other css file. If you change in other css files, it will be overwritten once you re-compile LESS to CSS

You can change LESS file and build a new theme.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. ryan kishan

[Author]

Posts