Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 4 Years, 6 Months, 3 Weeks ago footer hyperlinks
#1
Solved: 4 Years, 6 Months, 3 Weeks ago
How do I make it so the footer's hyperlinks don't have a different color than regular text in the footer? Is this possible, and if so is it just a simple html fix?

any and all help is appreciated
Reply
#2
Solved: 4 Years, 6 Months, 3 Weeks ago
GO into your ACP goto Templates and Style click on the theme you wish to edit. Then select the Global.css file and search for the following:

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777; //Change this line to match to the colour you want 
}
Jack.D
Aspiring Web Developer
Reply
#3
Solved: 4 Years, 6 Months, 3 Weeks ago
(05-17-2015, 05:54 PM)Jack.D Wrote: GO into your ACP goto Templates and Style click on the theme you wish to edit. Then select the Global.css file and search for the following:


#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777; //Change this line to match to the colour you want 
}

.tfoot {
	border-top: 1px solid #fff;
	padding: 6px;
	background: #ddd;
	color: #666;
}

.tfoot a:link {
	color: #20B536;
	text-decoration: none;
}

.tfoot a:visited {
	color: #20B536;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #20B536;
	text-decoration: underline;
}

^ That is my current code, but my footer's text isn't changing at all (it's not showing up green, it's just staying dark blue while non-linked text is staying white).
Reply
#4
Solved: 4 Years, 6 Months, 3 Weeks ago
What theme are you using?
Jack.D
Aspiring Web Developer
Reply
#5
Solved: 4 Years, 6 Months, 3 Weeks ago
(05-17-2015, 06:17 PM)Jack.D Wrote: What theme are you using?

Square theme
Reply
#6
Solved: 4 Years, 6 Months, 3 Weeks ago
Search for the following code:

#copyright a:link, #copyright a:visited {
  color: #54b4ff; //change this line
  transition: all 0.5s ease;
  text-decoration: none;
}
Jack.D
Aspiring Web Developer
Reply
#7
Solved: 4 Years, 6 Months, 3 Weeks ago
(05-17-2015, 06:22 PM)Jack.D Wrote: Search for the following code:


#copyright a:link, #copyright a:visited {
  color: #54b4ff; //change this line
  transition: all 0.5s ease;
  text-decoration: none;
}

Found that code in Square.css, changed it to this: 
#copyright a:link, #copyright a:visited {
  	color: #FAFAFA;
  	transition: all 0.5s ease;
  	text-decoration: none;
}

#copyright a:hover, #copyright a:active {
  	color: #FAFAFA;
  	transition: all 0.5s ease;
  	text-decoration: none;
}


Nothing happened, really puzzled right now
Reply
#8
Solved: 4 Years, 6 Months, 3 Weeks ago
Are you using cloudflare? or any other caching service?
Jack.D
Aspiring Web Developer
Reply
#9
Solved: 4 Years, 6 Months, 3 Weeks ago
(05-17-2015, 06:37 PM)Jack.D Wrote: Are you using cloudflare? or any other caching service?

Not to my knowledge, no. Do you think I need to go into the templates to fix this issue? http://www.codjng.com/forums/index.php
That's my forum, you should be able to see the footer and the header which I want to fix. The header's text only shows up on hover and I want to change its' color as well.
Reply
#10
Solved: 4 Years, 6 Months, 3 Weeks ago
You are using paragraphs as a menu? Change the footer template for "one" to match that of the other footer links here's an example:

<ul>
      <li><a href="http://www.facebook.com/codjng" target="_blank" original-title="">Facebook</a></li>
</ul>
Jack.D
Aspiring Web Developer
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)