Jump to the post that solved this thread.
Not Solved Change color links in footer?
#1
Not Solved
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?
Reply
#2
Not Solved
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
Reply
#3
Not Solved
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
Reply
#4
Not Solved
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
Reply
#5
Not Solved
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..


Attached Files Thumbnail(s)
   
Reply
#6
Not Solved
(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>
Kortrijk Airsoft Division
  • Community Forum
  • Fotogallery
  • Airsoft Events
airsoftdivision.be
Reply
#7
Not Solved
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
Reply
#8
Not Solved
Yeah it looks really weird :p
np! glad you made it work!
Kortrijk Airsoft Division
  • Community Forum
  • Fotogallery
  • Airsoft Events
airsoftdivision.be
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)