Navigation
Archive / Change the header buttons style from pill to rounded.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 29, 2016 at 2:02 am #1308238
    xpidima
    Participant

    Hello there,
    I’d like to know how to change the header button style from pill to rounded so it matches the rest of my site. Can this be done? encouragementforyou.com is the site.

    December 29, 2016 at 2:21 am #1308242
    Rue Nel
    Moderator

    Hi There,

    Thanks for writing in! Do you want something like this?

    If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-navbar .desktop .x-nav>li>a>span {
    border-width: 3px;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0.25em;
}

    Please let us know how it goes.

    December 29, 2016 at 3:18 am #1308277
    xpidima
    Participant

    That worked! I had to put it into the additional CSS file in order to get it to take, but once placed there instead of in Global CSS, it worked correctly. Thank you!

    December 29, 2016 at 3:34 am #1308294
    Christian
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1308238 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>