css - Remove default style from boostrap anchor link -
i want remove default styling a
tag.
what trying achieve is, place a
tag , other things in 1 line only. but, default a
tag styling not allowing me.
here's code:
<table style="background: #dee3e0" class="table table-responsive table-condensed"> <thead> <tr style="padding: 0"> <th class="text-center" style="font-size: 12px; padding: 0">name & qty</th> <th class="text-center" style="font-size: 12px; width: 50px;padding: 0">rate</th> <th class="text-center" style="font-size: 12px; width: 50px;padding: 0">amount</th> </tr> </thead> <tbody> <tr> <td style="font-size: 12px"> <img src="//placehold.it/45" alt="product image" /> 1x <a href="" style="margin: 0; padding: 0"> product name </a> <a href="javascript:void(0)" title="remove"> <span class="pull-right text-danger"> <i class="fa fa-trash fa-lg"></i> </span> </a> </td> <td class="text-right" style="padding-top: 7.5px; font-size: 12px">150.00</td> <td class="text-right" style="padding-top: 7.5px; font-size: 12px">150.00</td> </tr> <!-- , other rows... --> </tbody> <tfoot> <tr> <td colspan="2" style="font-size: 12px; font-weight: bold" class="text-right">sub total</td> <td class="text-right" style="font-size: 12px; font-weight: bold">425.00</td> </tr> <tr> <td colspan="2" style="font-size: 12px" class="text-right">taxes</td> <td style="font-size: 12px" class="text-right">50.00</td> </tr> <tr> <td style="font-size: 12px" colspan="2" class="text-right">shipping</td> <td style="font-size: 12px" class="text-right">100.00</td> </tr> <tr> <td style="font-size: 12px; font-weight: bold" colspan="2" class="text-right">grand total</td> <td style="font-size: 12px; font-weight: bold" class="text-right">575.00</td> </tr> <tr> <td colspan="3"> <a href="javascript:void(0)" style="font-weight: bold; color: #65c400; margin-top: -10px">view cart</a> <a href="javascript:void(0)" style="font-weight: bold; color: #65c400;" class="pull-right">checkout</a> </td> </tr> </tfoot> </table>
here's complete fiddle: http://jsfiddle.net/j4o8tff5/
1x
quantity. want product name
should placed next quantity itself. , hence trying remove default styling.
i have searched lot, not find solution.
kindly me out. thanks.
wrap quantity text in span tag, demo
<span>1x</span>
Comments
Post a Comment