Jump to content

Block top menu customization


Recommended Posts

Hi!

 

I am trying to customize the block top menu of my page but I can't manage to do it like I want.

 

I would like to have the background #333

Font color #FFFFFF

And a little line between each word on the menu.

 

Besides, I would like that when you put the cursor on one of the words the font change to color #F09420.

 

I would like that the submenu stays the same: background #333, font color #FFFFFF and change to #F09420 when you put the cursor there. 

 

Can someone help me, please?

 

My webpage is www.basketshoponline.com

 

Thank you in advance!

Link to comment
Share on other sites

Hi!

 

I am trying to customize the block top menu of my page but I can't manage to do it like I want.

 

I would like to have the background #333

 

It already is :)

 

 

Font color #FFFFFF

 

global.css

.sf-menu a {
    color: #F09420 !important;
    font-family: 'Myriad Pro';
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
}

Change to color:#fff !important; OR alternatively, just delete the color rule altogether.

 

 

And a little line between each word on the menu.

 

global.css

.sf-menu li {
    border-right: medium none !important;
}

Change to

.sf-menu li {
    border-right: 2px solid #fff  !important;
}

this will give you a white border.

 

Others can help on the rest or you might wish to seek professional help. I never mind helping but I tend to stop short of doing a job for someone ;)

 

Marty Shue

Link to comment
Share on other sites

×
×
  • Create New...