A little CSS help is required. I need to highlight the Make a Payment link to look like a button, possibly in green, but what is the CSS required?

The template in question is this one
http://www.ectdemostore.com/rpcards/

The menu link is at the top left of all pages
https://www.dropbox.com/s/xoq1kp9h0dotnqo/ect-menu-pay-link.jpg?dl=0

This is the HTML
<!-- Header -->
<div class="header">
<!-- Top bar -->
<div class="top">
<div class="container">
<div class="row">
<div class="col-sm-8 left_link">
<ul class="left_link">
<li><a href="../pay.php" title="Make a direct payment or pay an invoice">Make a Payment</a></li>
<li><a href="../orderstatus.php" title="Check status of your order">Order Status</a></li>
<li>Telephone: 01204 xxxxxx - 07xxx xxxxxx</a></li>
</ul>
</div>

Steve
Bolton, Lancashire, United Kingdom.
Using ECT PHP versions since 2004

"Make it as simple as possible, but not simpler."

The first thing to do is give it a class.

<li><a class="paylink" href="../pay.php" title="Make a direct payment or pay an invoice">Make a Payment</a></li>

then target it in your css file like this

a.paylink {
some:css;
}

to make buttons I sometimes use a css generator website. there are several. I like this one
https://css3gen.com/button-generator/


that should get you going. I love css buttons versus images.

Thanks Dave, on with it now

quote:

---

I love css buttons versus images

---

Same here

Steve
Bolton, Lancashire, United Kingdom.
Using ECT PHP versions since 2004

"Make it as simple as possible, but not simpler."

Sorted !!!

Steve
Bolton, Lancashire, United Kingdom.
Using ECT PHP versions since 2004

"Make it as simple as possible, but not simpler."