Different colours for menu buttons

Posted in: Newspaper
Post count: 242
PatWire
#68766
Sep 13, 2015 at 7:12 pm

I understand that using CSS I could change the Menu buttons to match the Category colours. So if I make my menu News, Sport etc I could make the buttons match the content category colours – how cool would that be!?

I’ve searched and I need the class-I’d
for each button where I can assign a hex value – could you help point me I the direction of this?

Thanks

Pat

Post count: 7909
Alin [tagDiv]
#68889
Sep 14, 2015 at 2:07 pm

Hi,

Just inspect your menu items and add the background color to their classes – http://screencast.com/t/y9eJfFqp0mZ

.menu-item-xxx {
background-color: red;
}

Thanks!

Post count: 242
PatWire
#68891
Sep 14, 2015 at 2:11 pm

Thanks Alin

But it won’t be ‘red’ it will be a hex value…?

Thanks

pat

Post count: 242
PatWire
#68934
Sep 14, 2015 at 4:30 pm

Or even I would be happy with a white header menu background if i could have a different colour for each Menu ‘Category’

Cheers

Post count: 7909
Alin [tagDiv]
#69016
Sep 15, 2015 at 9:13 am

Hi,

Yes, you can add a hex value, I was hurry up and it is more fast for me to write red.
You will have to use custom css even for the item color – http://screencast.com/t/V7Hhe7AHIv

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

Thanks!

Post count: 242
PatWire
#69018
Sep 15, 2015 at 9:23 am

Haha Thanks so much Alin

Never mind the great theme – I’ve learned more about WordPress from this forum than anywhere else.

Thanks for so much support and help

Pat

Post count: 10
clubedemidia
#102448
Mar 28, 2016 at 10:22 pm

How can we procceed with the line below the item… we wanted it to show in the same menu color…

Post count: 22421
Bogdan B.
#102527
Mar 29, 2016 at 10:33 am

Hi,
you will need to specify the header style that you use as different header styles have different layouts.
Thank you!

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