Change megamenu color - Joomla Templates & Wordpress Themes

Welcome, Guest

Change megamenu color

(1 viewing) (1) Guest

Page:
1

TOPIC: Change megamenu color

Change megamenu color 11 years ago #13637

Greek Waters OFFLINE Expired - JTC-Personal License Single Product Junior Boarder Posts: 36 Karma: 0	Is it possible to change main menu color ? Also background color at the menu items ?
	Last Edit: 11 years ago by Greek Waters. Reply Quote

Re: Change megamenu color 11 years ago #13696

anhqn
OFFLINE
- Expired - JEC-Developer License
- Expired - JTC-Developer License
Single Product
Moderator
Posts: 3958
Karma: 29

Dear

If yellow color is default Template Style
Please go to your_site\templates\sj_snap\css\template-yellow.css and find the code bellow:

1. background at the menu items

#yt_menuposition ul.navi > li.level1 > .item-link {
  margin: 0;
  padding: 12px 25px;
  color: #ecebeb;
  font-size: 128.6%;
  display: block;
  background: url(../images/menu-bg.png) repeat #101010;
}

=> change background above

2. background at menu item is active

#yt_menuposition ul.navi > li.level1.active > .item-link {
  background-color: #fbb612;
  background-image: -moz-linear-gradient(top,#ffbd1e,#f4ac00);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffbd1e),to(#f4ac00));
  background-image: -webkit-linear-gradient(top,#ffbd1e,#f4ac00);
  background-image: -o-linear-gradient(top,#ffbd1e,#f4ac00);
  background-image: linear-gradient(to bottom,#ffbd1e,#f4ac00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbc1d', endColorstr='#fff4ac00', GradientType=0);
  border: none;
  color: #fff;
}

=> change color above

3. background hover at the menu item:

#yt_menuposition ul.navi > li.level1:hover,
#yt_menuposition ul.navi > li.level1.hover {
  background: #444444;
  color: #f4ac00;
  border-top: 1px solid #f4ac00;
}

=> change color and add 'background:your_color;'

Thanks!

Reply Quote

The following user(s) said Thank You: Greek Waters

Reply Topic

New Topic

Page:
1

SmartAddons

Joomla - Members Only

Joomla Templates

SJ Snap Template

Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

TigerHostings - WordPress Hosting Service

eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

TOPIC: Change megamenu color

Change megamenu color 11 years ago #13637

Re: Change megamenu color 11 years ago #13696

Notification

Latest My Topics

Love all our templates?

From Our Blog

All-in-One Solution

Custom Work Service

Our Services

Joomla Extensions

Our Brands

Connect with us