Black Friday & Cyber Monday 2019 Sale: Up to 40% OFF Storewide & Extra Gift
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

Menu items color
(1 viewing) (1) Guest
User guide, bugs report and discuss more
  • Page:
  • 1

TOPIC: Menu items color

Menu items color 5 years, 9 months ago #16930

Hello!!!

I would like to know how can i change the menu item color in the SJ-Sport Store template.

Thanks in advance!

P.S. I really like your services!!!

Re: Menu items color 5 years, 9 months ago #16949

  • yennt
  • OFFLINE
  • Moderator
  • Posts: 1365
  • Karma: 20
Dear Manos Menexis,

Thank you for the contacting us.

For the issue , please open file (/templates/sj_sportstore/css/template-blue.css), following these steps:
- To change menu link item, find this code
#yt_menuposition ul.navi li.level1 .item-link {
margin: 0;
line-height: 18px;
padding: 35px 10px 30px 10px;
color: #fff;
font-size: 128.57%;
text-transform: uppercase;
display: block;
}

and change color:#fff;

- To change link active:

#yt_menuposition ul.navi li.level1.active {
background: #4080ca;
}
#yt_menuposition ul.navi li.level1.active:after {
border-style: solid;
border-width: 12px 44px 0;
bottom: 0px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0;
border-color: #4080ca transparent transparent;
transition: border 1s ease-in-out 1s, bottom 1s ease-in-out 1s;


change border-color: #4080ca transparent transparent; and background: #4080ca;

- To change link hover:

#yt_menuposition ul.navi li.level1:hover, #yt_menuposition ul.navi li.level1.hover {
    background: #4080CA;
}
#yt_menuposition ul.navi li.level1:hover > .item-link, #yt_menuposition ul.navi li.level1.hover > .item-link {
    background:#4080CA;
    cursor: pointer;
}

change background:#4080CA;

Thanks!

Re: Menu items color 5 years, 9 months ago #16967

That was very helpful!!!

I also want to know if it is possible to change individual menu item colors. For example i would like to to have different colors in home page item and contact... Is that possible???

Thanks.

Re: Menu items color 5 years, 9 months ago #17035

  • yennt
  • OFFLINE
  • Moderator
  • Posts: 1365
  • Karma: 20
Dear Manos Menexis,

If you want to change contact item, please open file template-blue.css and find this code

.module.bg-color1 {
background: #2f67a8;
}


change background:#2f67a8;

Thanks!
  • Page:
  • 1
Time to create page: 0.38 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.
Black Friday & Cyber Monday 2019 Sale: Up to 40% OFF Storewide & Extra Gift

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