Return to previous page

Buttonlike menu-items - by steno - on WordPress WooCommerce support

This topic has 6 replies, 4 voices, and was last updated 10 years, 9 months ago ago by Stan Russell

steno

Participant

March 9, 2015 at 14:15

Hi,

could anyone give me a hint/example on the custom CSS to use if I would like the topmenu to consist of buttons in stead of just text?
should I use the specific CSS per item of could I get 1 level higher?

If you could put
– font color
– highlitght font color
– button color
– higlight button color in it,
– border/bordercolor in px.

I would be grateful.
the buttons can touch, like they are 1 row,

#48290 Copied Theme version: 1.7

5 Answers

Robert Hall

Participant

March 9, 2015 at 15:47

Hello,

Please provide us with link to the page where you want make changes or show us with screenshots and wp-admin access in Private Content.

Regards,
Robert Hall.

#48307 Copied

steno

Participant

March 10, 2015 at 15:33

As requested.

Please, contact administrator
for this information.

#48577 Copied
Eva Kemp

Participant

March 11, 2015 at 09:59
Hello,

To create button for “Contact” item use this code in custom.css file:

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-15260.item-level-0 { border: 1px solid black; background-color: green; } li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-15260.item-level-0:hover { background-color: red; }

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-15260.item-level-0 a { color: white !important; } li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-15260.item-level-0 a:hover { color: grey; }

Change color values to yours.

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#48699 Copied
steno

Participant

March 15, 2015 at 14:26

Super, thanks!

#49689 Copied

Stan Russell

Participant

March 16, 2015 at 10:26

Hello,

you are welcome!

Regards,
Stan Russell.

#49773 Copied
Viewing 6 results - 1 through 6 (of 6 total)