Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

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

TOPIC: [SOLVED] color menu

[SOLVED] color menu 9 years, 4 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 9 years, 4 months ago #10883

Dear modxml modxml,

You can check the answer in your ticket again.

Thanks

Re: color menu 9 years, 1 month 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 9 years, 1 month 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 9 years, 1 month 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 9 years, 1 month 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.52 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
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes