Hover and active link colour - change

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Hover and active link colour - change

9 years 10 months ago

#93349

Topic Author
Michael
Offline
Fresh Boarder
Posts: 12
Thank you received: 0

Licenses:

JomSocial Expired Socialize Expired

Hi, how would change the colur for these? can't seem to find a setting in thememagick?

t3-mainnav .navbar .nav > .active > a, .t3-mainnav .navbar .nav > .active > a:hover, .t3-mainnav .navbar .nav > .active > a:focus, .t3-mainnav .navbar .nav > .active > span, .t3-mainnav .navbar .nav > .active > span:hover, .t3-mainnav .navbar .nav > .active > span:focus {
    color: #EEE;
    text-shadow: none;
    background-color: #F39C12;
    background-image: none;
    box-shadow: none;
    outline: medium none;
[attachment=9666]lovepugs01.png[/attachment]

Attachments:

9 years 10 months ago

#93420

Ashraf
Offline
Junior Boarder
Posts: 1624
Thank you received: 270

Licenses:

JomSocial Expired GURU Expired Publisher Expired AdAgency Expired iSEO Expired Socialize Expired

Hi Michael,
If the changes css code is

t3-mainnav .navbar .nav > .active > a, .t3-mainnav .navbar .nav > .active > a:hover, .t3-mainnav .navbar .nav > .active > a:focus, .t3-mainnav .navbar .nav > .active > span, .t3-mainnav .navbar .nav > .active > span:hover, .t3-mainnav .navbar .nav > .active > span:focus {
    color: #EEE;
    text-shadow: none;
    background-color: #F39C12;
    background-image: none;
    box-shadow: none;
    outline: medium none;
}

and you want to place the css code but don't know where it should be placed then
go to "root/templates/socialize/css"
add a css file named "custom.css" and place above code there.
Thanks

extensions.joomla.org/extensions/clients...ies/communities/7608

The following user(s) said Thank You: Michael

9 years 10 months ago

#93498

Topic Author
Michael
Offline
Fresh Boarder
Posts: 12
Thank you received: 0

Licenses:

JomSocial Expired Socialize Expired

Thanks for info, seems the actual code to change was

.t3-mainnav .navbar .nav > .active > a,
.t3-mainnav .navbar .nav > .active > a:hover,
.t3-mainnav .navbar .nav > .active > a:focus,
.t3-mainnav .navbar .nav > .active > span,
.t3-mainnav .navbar .nav > .active > span:hover,
.t3-mainnav .navbar .nav > .active > span:focus {
  color: #eee;
  text-shadow: none;
  background-color: #444444;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#444444',GradientType=0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

Moderators: Piotr Garasiński

Notice

Support Forum

Hover and active link colour - change

Licenses:

Attachments:

Licenses:

Licenses:

Join 180,000 websites creating Amazing communities

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere