Adding buttons to navbar?

WordPress Themes, Plugins and HTML Templates › Forums › Baleen – One Page Bootstrap Parallax Template › Adding buttons to navbar?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 7, 2013 at 10:10 pm #393
    Anonymous
    Guest

    I’m trying to add a “buy now” button to the navbar and have added the necessary lines in style.css and the index.html, but it isn’t clicking through. e.g.

    style.css:
    [HTML].navbar-nav > .buynow > a,
    .navbar-nav > .buynow > a:hover,
    .navbar-nav > .buynow > a:focus {
    color: #ffffff;
    background-color: #01A611;
    border-radius: 4px;
    }[/HTML]

    index.html:
    [HTML]

    [/HTML]

    is there anything else that i’m missing here?

    thanks!

    September 8, 2013 at 5:29 am #995
    admin
    Participant

    Hi,
    I have added the following code which is working fine,

    [HTML]

  • CONTACT

    • [/HTML]

    * You may style your icon by using “icon-shopping-cart” class which is totally optional.

    Thanks

September 8, 2013 at 6:24 am #996
Anonymous
Guest

Sorry if it was unclear… I’m trying to add a “buy now” button, which is skinned differently (as noted in style.css), but the outside link to bigcartel does not click through. Do I need to add another class anywhere or am I doing something incorrect in the [HTML]

  • SHOP NOW

    • [/HTML] line? Thank you!

    September 9, 2013 at 5:37 am #997
    admin
    Participant

    Here is another example for the skinned differently interface for your SHOP NOW button,

    baleen-shop-now-button.png

    HTML Code:

    [/CODE]

    [B]CSS Code:[/B]

    [CODE].navbar-nav > li.buynow > a,
    .navbar-nav > li.buynow > a:hover,
    .navbar-nav > li.buynow > a:focus {
    color: #ffffff;
    background-color: #01A611;
    border-radius: 4px;
    }[/CODE]

    Thanks![CODE]

    [/CODE]

    CSS Code:

    .navbar-nav > li.buynow > a,
    .navbar-nav > li.buynow > a:hover,
    .navbar-nav > li.buynow > a:focus {
    color: #ffffff;
    background-color: #01A611;
    border-radius: 4px;
    }[/CODE]

    Thanks![CODE].navbar-nav > li.buynow > a,
    .navbar-nav > li.buynow > a:hover,
    .navbar-nav > li.buynow > a:focus {
    color: #ffffff;
    background-color: #01A611;
    border-radius: 4px;
    }[/CODE]

    Thanks!

  • Author
    Posts
    • Viewing 4 posts - 1 through 4 (of 4 total)
    • You must be logged in to reply to this topic.