Joomla Templates Club 406,261 posts

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#813928

Hi, I would like to know where can I modify the color for the whole theme ? I tried to adjust on the theme magic on the template itself but it seems like there isn’t any effect on it.

Another thing is how can I remove the numbering display on top of each menu item?

Thanks.

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

#814345

Hi,

Please check out this documentation for how to customize theme: http://www.t3-framework.org/documentation/bs3-customization#theme-customization

If you use default theme, you can check and see all CSS style from templates/ja_charity/css/layouts folder or another way, you can create templates/ja_charity/css/custom.css file and add all custom CSS style into this file.

About removing number into top menu.

• Open templates/ja_charity/css/megamenu.css file and remove content on CSS style below

.t3-megamenu > .navbar-nav > li:nth-child(1) > a:before {
  content: "-1-";
}
.t3-megamenu > .navbar-nav > li:nth-child(2) > a:before {
  content: "-2-";
}
.t3-megamenu > .navbar-nav > li:nth-child(3) > a:before {
  content: "-3-";
}
.t3-megamenu > .navbar-nav > li:nth-child(4) > a:before {
  content: "-4-";
}
.t3-megamenu > .navbar-nav > li:nth-child(5) > a:before {
  content: "-5-";
}
.t3-megamenu > .navbar-nav > li:nth-child(6) > a:before {
  content: "-6-";
}
.t3-megamenu > .navbar-nav > li:nth-child(7) > a:before {
  content: "-7-";
}
.t3-megamenu > .navbar-nav > li:nth-child(8) > a:before {
  content: "-8-";
}
.t3-megamenu > .navbar-nav > li:nth-child(9) > a:before {
  content: "-9-";
}

Regards

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#816091

Hi,

I have remove the content from the templates/ja_charity/css/megamenu.css but the numbe still up in the menu, please advise. The code looks like this:

.t3-megamenu > .navbar-nav > li:nth-child(1) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(2) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(3) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(4) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(5) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(6) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(7) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(8) > a:before {

}
.t3-megamenu > .navbar-nav > li:nth-child(9) > a:before {

}

Thanks.

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

#816117

You can give me the URL of your site, I will check the problem directly on your site.

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#816354

kingspool.sg

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#816374

This reply has been marked as private.

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

#818034

Because your site works with LESS files and not CSS files, but you can use this way to remove the number in top menu.

• Create templates/ja_charity/css/custom.css file and add new rule

.t3-megamenu > .navbar-nav > li:nth-child(1) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(2) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(3) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(4) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(5) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(6) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(7) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(8) > a:before {
  content: none !important;
}
.t3-megamenu > .navbar-nav > li:nth-child(9) > a:before {
  content: none !important;
}

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#826093

Hi,

That works perfectly, thanks.

[Author]

Posts