Custom Color of Menu item

Posted in: Newspaper
Post count: 42

Hi,

I’d like to show one menu item (subscribe) with another color (red) as to pay an attention of visitor on it. How to make it?

Post count: 7909

Hi,

Please use browser inspector tool and take the menu item unique class and add your color via custom css in Theme Panel > Custom Code. Please check this topic as reference – https://forum.tagdiv.com/topic/different-colours-for-menu-buttons/

If you need more assistance regarding this or you have other issues with the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp

Thanks for understanding! Happy new year!

Post count: 42

Hi,

thx. I have looked the link, made customer coding as it was recommended but no changes:
Photo 1
Photo 2

Post count: 23312

Hello agidulyan,

Try to use in your code the !important tag like this: http://screencast.com/t/2UTkG9qkifK and check how it happens. I’ve tested on my side and works fine.

Hope this helps and let us know how it goes!

Thank you!

Post count: 42

Thx for quick respond. I was not so careful and just put code into HMTL field, not it CSS.
Now it works. Thx for your time!

BTW, I have now red button and black text. How to custom item text, e.g. to white?

Post count: 22421

Hello,

You can use css like this:
http://screencast.com/t/V7Hhe7AHIv

.menu-item-xxx a {
color: #AD2929 !important;
}

Thanks!

Post count: 42

as the background and button text is white now, when you mouse on the menu item – the text is not visible. how to make it black in this case (and stay as white when inactive)?

Post count: 22421

Hi,

Wow, a year has passed since I posted that solution though. Please provide a link to your site so i can provide the proper css code.

Thank you!

Post count: 42

Well, you had answered on this question later but now I can’t find your answer (probably, it was via email). This is why I commented it here again as do not missed anymore and allow to other people to see your advise.

The link is : https://cis.smebanking.club

Post count: 20688

Hi,

You can use this code, almost the same one from before but with the :hover property for the menu item you want – https://www.screencast.com/t/ZmNU7IquHu

.menu-item-27850 a:hover {
color: black!important;
}

Thanks

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.