MyBB Community Forums
Change color links in footer? - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: Change color links in footer? (/thread-210216.html)



Change color links in footer? - Robmeister89 - 2017-05-04

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?


RE: Change color links in footer? - firefox69 - 2017-05-04

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


RE: Change color links in footer? - Robmeister89 - 2017-05-04

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


RE: Change color links in footer? - firefox69 - 2017-05-04

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


RE: Change color links in footer? - Robmeister89 - 2017-05-04

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..


RE: Change color links in footer? - zyra - 2017-05-04

(2017-05-04, 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>



RE: Change color links in footer? - Robmeister89 - 2017-05-04

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


RE: Change color links in footer? - zyra - 2017-05-04

Yeah it looks really weird :p
np! glad you made it work!