How to change the css style of the main menu

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 8 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.

Viewing 9 posts - 1 through 9 (of 9 total)

Back to forum

Posted in: Joyn
March 17, 2015 at 8:40 pm #158382

blaouchez
Member

Post count: 448

Hello,

How to change the css style of the main menu (and also that of the home page)?

How to add an image (bg) on the current topic (: active)?

Regards

March 18, 2015 at 6:00 am #158449

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
What style of menu do you want to change? Please explain in detail.
Thanks
Mohammad

March 18, 2015 at 9:35 am #158515

blaouchez
Member

Post count: 448

This reply has been marked as private.

March 18, 2015 at 10:00 am #158525

Kyle – SUPPORT
Moderator

Post count: 35880

It depends what you want to change about the menu

– Kyle

March 18, 2015 at 10:15 am #158535

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
I see that you have current active menu color.
Thanks
Mohammad

March 18, 2015 at 12:21 pm #158602

blaouchez
Member

Post count: 448

Yes, I have found a solution but I do not know if the css is correct?

And I used a slash on a:hover, is it possible to animate the slash (eg: fade effect) ?

March 18, 2015 at 12:24 pm #158603

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please post your css code here.
Thanks
Mohammad

March 18, 2015 at 12:42 pm #158616

blaouchez
Member

Post count: 448

This reply has been marked as private.

March 19, 2015 at 3:34 am #158889
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
You have this css code:-
```
#main-navigation ul.menu > li:hover > a {
    box-shadow: none!important;
    background-image: url(img/main-menu-curseur.png)!important;
    background-repeat: no-repeat!important;
    background-position: 100% top!important;
}
```
You have this image path img/main-menu-curseur.png. You need to replace with your image path.

Thanks
Mohammad
Back to forum

Posted in: Joyn