AnsweredAssumed Answered

HTML Style Formatting Issues in Hub

Question asked by KBaltzley_LDGPS on Sep 3, 2020
Latest reply on Sep 3, 2020 by GHudgins-esristaff

I'm working on a hub site.  I've already set the overall theme for body text, body links etc.  The Body text color is black, and the link color is purple. The settings are perfect for the overall site, however for my footer which has a purple background, I want to add custom text formatting using HTML.  Specifically I have links that I want to style in white so it stands out against the purple.  The problem is, when I format this, it works but then ALL the links throughout the site, also get changed.  When I update the theme colors, then EVERYTHING gets changed back to the theme colors.  I don't understand what's happening.     I added the code below, let me know if I've done something wrong! 

 

 

 

 

 

 

<h2 id="contact-us">Contact Us</h2><h6>Street<br>City, State 123456</h6>
<p>
<style>
a:link {
color: white;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: white;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: white;
text-decoration: underline;
}
a:active {
color: white;
background-color: transparent;
text-decoration: underline;
}

a:link {
color: white;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: white;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: white;
text-decoration: underline;
}
a:active {
color: white;
background-color: transparent;
text-decoration: underline;
}
</style>

 

<a href="www.google.com" target="_blank">Website</a> </p>

<p>

 

<a href="mailto:google@gmail.com" target="_blank">Email Us</a></p>

<p>
<a href="tel:1234567890" target="_blank">Call Us at 111-111-1111</a></p>

<br>


<p><br></p>

 

 

 

Outcomes