How to change link color?

Hi guys, I'm wondering If it is possible to give passage link and section link defferent color?

e.g: this is a passage link and this is a section link

Currently both passage and section link has same color.


I'm pretty sure you can change with CSS, but since squiffy doesn't recognize it you have to do it after you publish it. There will be a fike called style.css Open that and you can alter the looks of links, borders, ect.


I know, It is possible to change link color by editing this.

a.squiffy-link
{
text-decoration: underline;
color: blue;
cursor: pointer;
}

Inside the style.css file but the problem is, it will change color of both section link and passage link to blue.

But I want section link to have red color and passage link to have blue color. ( maybe that is possible by modifying javascript in story.js?)


style.css

//a.squiffy-link
//{
//    text-decoration: underline;
//    color: Blue;
//    cursor: pointer;
//}
a.squiffy-link.link-section
{
    text-decoration: underline;
    color: Green;
    cursor: pointer;
}
a.squiffy-link.link-passage
{
    text-decoration: underline;
    color: Red;
    cursor: pointer;
}

image


image


Thanks K.V, You're amazing :D


You're welcome! (I just recently learned this stuff. I was the opposite of amazing when it came to CSS about 4 months ago.)


Here's a bonus prize:

a.squiffy-link.link-section:hover
{
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}
a.squiffy-link.link-passage:hover
{
    text-decoration: underline;
    color: Purple;
    cursor: pointer;
}

I already knew about the hover effect :). That will surely help those who have no idea about hover effect ;)


I thought that was probably the case, considering how close you were already, but it was the only extra bonus I could come up with. (Ha-ha-ha!)


Thanks K.V. I am learning lots here from everyone


Now we can switch section link into stylish buttons if we want ofc.


Thanks K.V.

No problem!

I am learning lots here from everyone

Me too! Every single day!

Isn't it great?


Log in to post a reply.

Support

Forums