Button in Navigation

allan200012 · November 2015

Hello,

I am using the Translation theme and wondering which CSS class to use in order to get my contact link to be contained in a button style.

Similar to this theme with the blue sign in button: http://themes.muffingroup.com/be/buddy/

thanks,

Allan

Albert · November 2015

Hi,

for those buttons, we used below custom css:

/* Button */
a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-image: none;
    border: 0 none;
    border-radius: 30px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    font-weight: 700;
}

allan200012 · November 2015

OK great! So which class do I use in the menu field to call this style?

Albert · November 2015

You don't need to use any classes. Above css we used for all buttons on Be|Buddy what you can see on our demo as well.

allan200012 · November 2015

But I just need one navigation link to be a button..

allan200012 · November 2015

Similar to how Sign In link is a button:

How do I get a button style in the menu?

http://themes.muffingroup.com/be/buddy/

Albert · November 2015

We don't think so that it would be possible to do it for one button only. If you will send us url to site where you got this button that should be similar as on our demo, and you will tell us which one is it, we'll check if it's possible.

allan200012 · November 2015

Yes, I sent the link a few times.

This theme "Buddy" had a button for "Log In" in the navigation

http://themes.muffingroup.com/be/buddy/

thanks,

proteustech · November 2015

Thats the Action Bar button

allan200012 · November 2015

OK, I enabled the action bar from the theme settings but it's not making the button appear.

Can you look into this for me?

Albert · November 2015

@allan200012 Yes, it's Action Button which can be set under Theme options > Header & Subheader > Extras section. Activation "Action Bar" won't display this button. But as we thought, you were talking that you want to make one of your menu items the same look. We didn't thought that you want to use Action Button. That's why we asked about the url to YOUR site, not our demo. This is a big difference because in accordance to your site we must check if it is possible to make similar look for menu item with custom css.

allan200012 · November 2015

I will share URL but I don't want it to be public forum.

How can you discuss matters privately?

Albert · November 2015

http://forum.muffingroup.com/betheme/discussion/2783/important-learn-how-to-send-private-message#latest

Button in Navigation

Comments