I am pretty sure I am missing something obvious, I am sure it's an age thing

At the very top of the template aligned to the right [url]http://www.ectdemostore.com/rpindoors/[/url] there are the social media buttons. The site owner wants a Make a Payment link that is centralised, with no icons, to the fully working donations page that has been setup as a general payments page. An example is on the thanks page at [blue]unitedtoolsnwltd dot co dot uk/thanks dot php[/blue]

I have removed the icons and edited the wording and link which works fine. The link show central on PC's & laptops. The issue is when viewed on tablets, phones etc where the link is right aligned. Any ideas?

Will - Bolton Manchester UK

Hi Will

It looks centre aligned to me, on the mobile and on a reduced screen on the pc, maybe someone else can confirm that.

Andy

Please feel free to review / rate our software

Also ok on ipad and Samsung A5 phone.

Steve

Hi Andy & Steved

Thanks for looking. I've just tried it myself and all is as expected. I'll put it down to gremlins

Will - Bolton Manchester UK

Now that link I was dealing with earlier, the site owner would now prefer it to be a button.

This is the code in the top div ...
[blue]<header>
<div class="header_top">
<div class="main">
<div class="connect_flow">
<a href="../pay.php" title="Make a direct payment or pay an invoice">Make a Payment</a>
</div>[/blue]

So, I added a class to the a href and I changed it to <a class=[red]"paylink"[/red] href="../pay.php" title="Make a direct payment or pay an invoice">Make a Payment</a>

The problem is the CSS is throwing every page out. Help !!!

[green] a.paylink {
-webkit-border-radius: 2;
-moz-border-radius: 3;
border-radius: 3px;
font-family: Arial;
color: #000000;
font-size: 12px;
background: #FCB026;
padding: 4px 6px 4px 6px;
text-decoration: none;[/green]

Will - Bolton Manchester UK

Hi Will,
I took a look at the page and it seems maybe you have removed that for now.

In your css, at least what you posted here, you left off the closing bracket, and if you left that off in your css file, that might explain the layout disruption

a.paylink {
-webkit-border-radius: 2;
-moz-border-radius: 3;
border-radius: 3px;
font-family: Arial;
color: #000000;
font-size: 12px;
background: #FCB026;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
no closing bracket

Dave

Most appreciated. That missing closing bracket has corrected that slight issue.

Will - Bolton Manchester UK

Glad I could help Will.
Pesky syntax will get you every time.