Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Feb 2015
    Posts
    7
    Member #
    45559

    how to dukplicate this class :

    I have attempted unsucessfully to duplicate a class responsible for formatting links turning them into buttons.
    Below I pasted the html and css original codes:

    ORIGINAL CODE
    html code

    <footer id="footer" class="anything">
    <ul>
    <li><a class="btn btn-default" href="#">whatever</a></li>
    ..............


    main .css

    . ...............
    ................
    .................

    /* .btn original */
    .btn-primary {
    padding: 8px 20px;
    background: #f86410;
    color: #fff;
    border-radius: 4px;
    border:none;
    margin-top: 10px;
    }


    .btn-primary:hover,
    .btn-primary:focus{
    background: #f86410;
    outline: none;
    box-shadow: none;
    }

    .btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    }

    .btn-transparent:hover {
    /*border-color: rgba(255, 255, 255, 0.5);*/
    border-color: rgba(0, 0, 0, 0.5);
    }
    /* /// .btn original */


    Below I will paste my tentative code :


    CHANGED CODE
    html code

    <footer id="footer" class="anything">
    <ul>
    <li><a class="btn2 btn-default" href="#">whatever</a></li>


    /* .btn2 */
    .btn2-primary {
    padding: 8px 20px;
    background: #f86410;
    color: #ffcc00;
    border-radius: 4px;
    border:none;
    margin-top: 10px;
    }


    .btn2-primary:hover,
    .btn2-primary:focus{
    background: #f86410;
    outline: none;
    box-shadow: none;
    }

    .btn2-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    }

    .btn2-transparent:hover {
    /*border-color: rgba(255, 255, 255, 0.5);*/
    border-color: rgba(0, 0, 0, 0.5);
    }
    /* /// .btn original */



    As it has not worked I ask if I am missing something . Please provide me some guidance.
    Thank you so much

  2.  

  3. #2
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times
    try this
    <li><a class="btn btn2-primary" href="#">whatever</a></li>


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:34 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com