MyBB Community Forums

Full Version: Change color links in footer?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How can I go about doing that?

This is what the list looks like right now (I'm still working on it):
<div id="footer">
	<div class="wrapper">
      	<div class="one">
          	<h3>{$lang->xstyled_aboutus}</h3>
			<p><a href="http://cfa-football.com"><i style="font-size: 14px;" class="fa fa-home"></i>$nsbp CFA-Football.com</style></a></p>
			<p><a href="http://cfanewsnetwork.wordpress.com">CFA Network</a></p>
			<p><a href="http://cfa-football.com/NCFA/Default.html">NCFA</a></p>
			<p><a href="http://wolverinestudios.com">Wolverine Studios</a></p>
			<p><a href="http://simnation.net">SimNation</a></p>			
      	</div>
...
I want to change the color of the links when they're normal, hovered over and visited. Is there a way to do that here?
It will be in the styling. Give the links the following class:

colorFooterLink

Then in the style sheet do this:

.colorFooterLink {
   color: colorhere;
}

.colorFooterLink:hover {
   color: colorhere;
}

.colorFooterLink:visited {
   color: colorhere;
}


Hope this helps
I don't understand where to put that?

Will it be in in the footer template?

Sorry, I'm not all that great in coding lol.. I can do minimal things by copying from another code but that's about it lol
Ok so in the template put class="colorFooterLink" in you a tags

Then go to the admin CP and click Template & Styles.

Click on the theme you are using and click global.css.

Once on that page click advanced mode at the top then scroll all the way to the bottom

Then paste in the css code I posted above and replace "colorhere" with the colors you want
Okay, I see now.. only one issue..

My advanced mode isn't working??

The scroll bar is to the far left and there's no box with the codes..
(05-04-2017, 01:30 PM)Robmeister89 Wrote: [ -> ]How can I go about doing that?

This is what the list looks like right now (I'm still working on it):
<div id="footer">
	<div class="wrapper">
      	<div class="one">
          	<h3>{$lang->xstyled_aboutus}</h3>
			<p><a href="http://cfa-football.com"><i style="font-size: 14px;" class="fa fa-home"></i>$nsbp CFA-Football.com</style></a></p>
			<p><a href="http://cfanewsnetwork.wordpress.com">CFA Network</a></p>
			<p><a href="http://cfa-football.com/NCFA/Default.html">NCFA</a></p>
			<p><a href="http://wolverinestudios.com">Wolverine Studios</a></p>
			<p><a href="http://simnation.net">SimNation</a></p>			
      	</div>
...
I want to change the color of the links when they're normal, hovered over and visited. Is there a way to do that here?

You could even make it happen within you're template like his:


<style>

.one a
{
  color:green;
}
.one a:hover
{
  color:red;
}

</style>

<div id="footer">
	<div class="wrapper">
      	<div class="one">
          	<h3>{$lang->xstyled_aboutus}</h3>
			<p><a href="http://cfa-football.com"><i style="font-size: 14px;" class="fa fa-home"></i>$nsbp CFA-Football.com</style></a></p>
			<p><a href="http://cfanewsnetwork.wordpress.com">CFA Network</a></p>
			<p><a href="http://cfa-football.com/NCFA/Default.html">NCFA</a></p>
			<p><a href="http://wolverinestudios.com">Wolverine Studios</a></p>
			<p><a href="http://simnation.net">SimNation</a></p>			
      	</div>
zyra,

That worked out great! Thank you!

I would like to know what the heck is going on with my advanced edit even if I never use it lol
Yeah it looks really weird :p
np! glad you made it work!