Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Changing link colours

I spotted this CSS to change ALL links in my survey, whether they be in the header, question or footer ...
<style>
/*links */
a
{
    color: #000000;
}
</style>

I have placed this in my Survey Settings under the HTML Head Tag and it works fine.

On one of my survey pages in the Header 2 window, I have a number of links that I would like to make a different colour. Can someone assist with the appropriate CSS please?

I am using the SSI Script PopUp function.

Many thanks.
asked Feb 22, 2017 by Paul Moon Platinum (98,670 points)
edited Feb 22, 2017 by Paul Moon

1 Answer

+2 votes
The simplest solution would be to put this CSS somewhere in the given question:

<style>
.header2 a {
    color: #FF0000;
}
</style>


Alternatively, if you want to keep all the CSS in the head tag, you could modify your question HTML to be something like this:

<div class="popup">[% PopUp("Link", "file.htm", 500, 500) %]</div>


And then put this code in your head tag after the CSS you posted above:

.popup a {
    color: #FF0000;
}
answered Feb 22, 2017 by Zachary Platinum Sawtooth Software, Inc. (205,575 points)
Many thanks Zachary.

Popping the CSS script into the respective question was all I was seeking.

Both ideas are great.

Appreciate your generosity once again.
...