CRAZY Halloween Deal: 45% OFF for All Products & Subscriptions
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum

We are here to serve :)

Our support team is currently online to solve your issues.

Our support team is currently offline

Our support heroes might not be around this hour. Please expect some delays.

Our support is available from

Monday - Friday 8am - 5:30pm GMT+7

Your time: 00:00:00
Our time: 00:00:00

Welcome, Guest

[SOLVED] color menu
(1 viewing) (1) Guest

TOPIC: [SOLVED] color menu

[SOLVED] color menu 6 years, 3 months ago #10871

Use the template XPO

How to edit the color of a main menu item?
It has colors that are repeating
I also need to change the order of the colors
Attachments:

Re: color menu 6 years, 3 months ago #10883

Dear modxml modxml,

You can check the answer in your ticket again.

Thanks

Re: color menu 6 years ago #13058

Hi,
I have the same question do I need to open a ticket to get answer?
Thanks

modxml modxml wrote:
Use the template XPO

How to edit the color of a main menu item?
It has colors that are repeating
I also need to change the order of the colors

Re: color menu 5 years, 12 months ago #13103

Dear Hoang Chu,

You can go to /templates/sj_expo/menusys/class/common/css/menustyle.css and find:

For color menu1:

ul.navi li.level1:nth-child(7n+1) > .item-link, ul.navi li.level1 > .item-link.item1, ul.navi li.level1:nth-child(7n+1) > .item-link:before, ul.navi li.level1 > .item-link.item1:before {
background-color: #0082C8;
}


For color menu2:

ul.navi li.level1:nth-child(7n+2) > .item-link, ul.navi li.level1 > .item-link.item2, ul.navi li.level1:nth-child(7n+2) > .item-link:before, ul.navi li.level1 > .item-link.item2:before {
background-color: #B93466;
}


For color menu3:

ul.navi li.level1:nth-child(7n+3) > .item-link, ul.navi li.level1 > .item-link.item3, ul.navi li.level1:nth-child(7n+3) > .item-link:before, ul.navi li.level1 > .item-link.item3:before {
background-color: #FEC420;
}


For color menu4:

ul.navi li.level1:nth-child(7n+4) > .item-link, ul.navi li.level1 > .item-link.item4, ul.navi li.level1:nth-child(7n+4) > .item-link:before, ul.navi li.level1 > .item-link.item4:before {
background: none repeat scroll 0 0 #7F2D25;
}


For color menu5:

ul.navi li.level1:nth-child(7n+5) > .item-link, ul.navi li.level1 > .item-link.item5, ul.navi li.level1:nth-child(7n+5) > .item-link:before, ul.navi li.level1 > .item-link.item5:before {
background-color: #F35B28;
}


For color menu6:

ul.navi li.level1:nth-child(7n+6) > .item-link, ul.navi li.level1 > .item-link.item6, ul.navi li.level1:nth-child(7n+6) > .item-link:before, ul.navi li.level1 > .item-link.item6:before {
background-color: #008000;
}


For color menu7:

ul.navi li.level1:nth-child(7n+7) > .item-link, ul.navi li.level1 > .item-link.item7, ul.navi li.level1:nth-child(7n+7) > .item-link:before, ul.navi li.level1 > .item-link.item7:before {
background-color: #DC143C;
}


=> Please change 'background-color: above_color;' to 'background-color: your_color;'

Thanks!
The following user(s) said Thank You: Hoang

Re: color menu 5 years, 12 months ago #13181

It works. Thanks.
One more thing, could you show me how to reduce the height of the menu?
I reduce the font size so want to reduce the height too.

Re: color menu 5 years, 12 months ago #13187

Dear Hoang Chu,

You can go to /templates/sj_expo/menusys/class/common/css/menustyle.css and find:

ul.navi li.level1 > .item-link {
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    line-height: 100%;
    margin: 0;
    padding: 30px 35px;
}


=> Please change 'padding: 30px 35px;' to 'padding: your_padding;'

Thanks!
The following user(s) said Thank You: Hoang
Time to create page: 0.46 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.

Suggested Posts

(/)
Result not found!

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes

H A L L O W E E N S A L E!

45% OFF

Everything at SmartAddons

Code: SPOOKY19