Joomla Templates Club 406,261 posts

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#939953

how to change the background colour and text of the vertical megamenu here (item section)?
http://screencast.com/t/YvEzk8KagL3

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

#940298

Hi,

Try to use my solution below to change the background and color on the vertical megamenu

Open templates/ja_megastore/css/custom.css file (create new if it does not exist) and add new rule

.t3-navbar-category .t3-module .module-inner .module-ct > ul.nav {
    background: #333333;
}
.t3-navbar-category .t3-module .module-inner .module-ct > ul.nav > li > a {
    color: #e4e4e4;
}

Regards

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#940299

Hi @sky,

You can try with this tweak:

1. Add class suffix for this categories menu module, this will help to add specific style for this module only and it doesn’t affect others:

• Go to Backend > Extensions > Modules > find module Categories Menu in navbar-category position.
• Navigate to Advanced tab and add a class called catMenu for example: http://prntscr.com/bg3pr6

1. Add style for the new added class:

• Go to file: ROOT/templates/ja_megastore (your default template)/css/custom.css (create this file if it doesn’t exist)

• Add this rule:

  .t3-navbar-category .catMenu .module-ct {
  background: #ccc;
  }

Or change to color as you wish.

You can use editor like Firebug in Firefox or Inspect Element in Google Chrome to edit temporarily and follow above steps to customise style on your site: http://prntscr.com/bg3qfm

Hope this helps.

[sky Friend skyJoin date: May 2006Posts: 283Downloads:37Uploads:2 Thanked: 1 times in 1 posts]

#940319

Saguaros wrote:

Hi http://prntscr.com/bg3qfm

Hope this helps.

I tried this, but I do not see this custom css is loaded on page.

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

#940370

@sky: Create new if templates/ja_megastore/css/custom.css file does not exist on your site

[Author]

Posts