Customize Button in the Menue Bar

[nimue_fichtenbauer]

Hi,

how can I customize button to the menue bar?

It concerns the following website: nimuefichtenbauer.com

I have bought the pro theme, but don’t use it. It’s way too complicated so please tell me how to do it with the X theme.

Thank you

Nimue

[ruenel]

Hello There,

Thanks for writing in! Since you are using Ubermenu, please add a menu item and insert a button shortcode in it. You can check out the button shortcode from here: http://demo.theme.co/integrity-1/shortcodes/buttons/

And you can check out the UberMenu documentation for adding shortcodes and custom contents from here: http://sevenspark.com/docs/ubermenu-3/content/custom

Hope this helps.

[nimue_fichtenbauer]

Thank you RueNel,

but it dosn’t work unfortunately.

What I did:

1. I copied the shortcode
   [button type=“flat” shape=“square” size=“small” href="#example" title=“Example”][icon type=“group”]Free AUDIO-KIT[/button]

2. Added a custom link to the menue

3. klicked on the uber menue button of the specific button tab. Once the ubermenue field opened, I added the code to the customs content settings area.

4. this is what I get:

I don’t know what isn’t working.

Thanks for your help

Nimue

[thai]

Hi There,

You just need to add the Free AUDIO-KIT text as a new menu item.

I will provide a custom CSS for this.

Regards!

[nimue_fichtenbauer]

Thank you Can you please tell me when and where I can find it?

Thank you
Nimue

[thai]

Just add a normal menu item from this link: http://nimuefichtenbauer.com/wp-admin/nav-menus.php.

Let us know once it’s done.

[nimue_fichtenbauer]

Okay done!

I added a custom link with “BUTTON” text.

Thank you!
Nimue

[lely]

Hi Nimue,

Try adding this custom CSS:
li#menu-item-803>a:hover { background: green; color: red; } inspector-stylesheet:1 li#menu-item-803>a { /* border: thin solid red; */ padding-top: 20px; padding-bottom: 20px; top: -20px; background: red; margin-left: 10px; border-radius: 10px; color: white; }

Feel free to adjust the values.