Viewing how to change the color of the text in this link

how to change the color of the text in this link



User: spyboynola 6 years ago
<a href="https://www.facebook.com/groups/120859901410/"target="_blank">more info</a>
this is the code for the info that this link is placed in
<style>
fieldset.concert {
width=device-width;
height:auto;
font-family:Times New Roman, Helvetica;
border:3px solid #E40018;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
margin:3px 0 13px;
padding:0
}

fieldset.concert legend {
font-size:29px;
color: white;
margin:0 19px 4px;
padding:0 5px;
text-align:center
}

b.date, .concert center {
color:yellow;
font-family:times new roman bold;
font-size: 20px;
text-align:center;
font-weight: bold;
margin: 0 0 6px;
}
This is the code I tried from a discussion on Roddy's code box site.
I am rereading after posting this!!!

<style type="text/css">
.blueSpan{display:block;
text-align:center;
color:#FFFEFE;
margin:0;
padding:5px;
font-style:italic;
font-size:16px;
}
</style>
here is the html placed in a html snippet

<fieldset class="concert">
<legend>Thursdays </legend>
<center>
Thursday in October
</center>
<pre>
10 pm The Trio with Johnny Vidacovich
& Special Guests
<a href="https://www.facebook.com/groups/120859901410/"target="_blank">more info</a>
</fieldset>
I only want to change the color of the text "more info"
User: Roddy 6 years ago
First of all, you need a space between the end of the URL and target. You have this...

<a href="https://www.facebook.com/groups/120859901410/"target="_blank">more info</a>

It should be this ...

<a href="https://www.facebook.com/groups/120859901410/" target="_blank">more info</a>

If it is just on link in the whole page and you don't need a hover color, you can use an inline style like this...

<a style="color:#FF0000;text-decoration:none" href="https://www.facebook.com/groups/120859901410/" target="_blank">more info</a>

If you have more than one link with the same style and/or you need a hover color, use a class name and enter the styles in your head code ...

<a class="facebookLink" href="https://www.facebook.com/groups/120859901410/" target="_blank">more info</a>

<style>
.facebookLink{color:#FF0000;text-decoration:underline}
.facebookLink:hover{color:#0000FF}
</style>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: spyboynola 6 years ago
Thanks Roddy I'm a learning.


Post Reply
You must login or signup to post.