[Resolved] Creating ghost button like on site template

[Jessica]

Hi! I’m building a site on the Stream template and can’t figure out how to get a button like on the template demo site (top right). I searched the forum and found custom code, but felt like there must be an easier way since it was on the original template. Thanks!

[Leo]

Hi there,

Are you trying to add that in the content?

If so the buttons block from GenerateBlocks would be what you are looking for:
https://docs.generateblocks.com/article/buttons-overview/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jessica]

Hi Leo, not in the content but in the top menu (primary navigation). Thanks!

[Leo]

So are you trying to add a second button then?

Can you link me to the page in question?

You can use the private info field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jessica]

I figured it out! Realized it was adding the nav-button CSS from the original menu – I implemented a new menu and wasn’t sure how that button had that style. Got it now, thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jessica]

Hi Leo,

One more question on this top menu CTA button as I’m changing the design. How do I edit the nav-button style? And can I make it a solid button instead of a ghost button like the other buttons on the site?

https://staging1.mammothrealestateblog.com/

Thanks!

[Ying]

Hi Jessica,

Are you trying to re-style the button in primary navigation?

If so you could go find the original CSS you added with this selector .main-navigation:not(.slideout-navigation) .main-nav li.nav-button a to add or change some of the CSS.

Let me know 🙂

[Jessica]

Ah yes perfect, that worked, thank you!

[Ying]

Great!
You are welcome 🙂

[Author]

Posts