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 11 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 11 years, 4 months ago #10883

  • SA Thuy
Dear modxml modxml,

You can check the answer in your ticket again.

Thanks

Re: color menu 11 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 11 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 11 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 11 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.33 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.

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