Problem with link text in footer

Hi

If you have a look on my footer (same on each page) I am a string of text on the far left as well as far right:

Website by PB IT Solutions – Left
Powered by WordPress and Leeway. – Right

The one on the right I typed in using an option in the dashboard. However, because the option for the left text in the dashboard made a link out of the whole line (instead of just ‘PB IT Solutions’ I actually hand coded this line within footer.php:

<nav id="footernav" class="clearfix" role="navigation">
   <div>
	Website by <a class="pblink" href="https://pbitsolutions.freesite.host">PB IT 
        Solutions</a>
   <div>
<?php	// Get Navigation out of Theme Options

And I styled it within my edit-syle.css:

a.pblink:link {
    
	text-decoration-line: underline !important;
}
a.pblink:hover {
    text-decoration-line: none !important;
}
a.pblink:active {
    text-decoration-line: underline !important;
}

The problem I have is that I can’t get the “PB IT Solutions” link to behave in the same way as the right hand link. As you can see above I have styled the link using the CSS style “PB Link” which should make the link underline (apart from on hover where it is not underlined) this is to match the text on the left.

I am using the – !important – statement, so I don’t understand why this line of code is been ignored? More confusingly, I have use the same CSS styling, in the page content area, of the same page and it works!!!

Has it got something to with it been in the footer?

• This topic was modified 5 years, 12 months ago by pbwpwork.
• This topic was modified 5 years, 12 months ago by pbwpwork.

The page I need help with: [log in to see the link]