Docs

[boera]

Hi,

I need to change the colors on three links on a particular page. This page is created without header and footer, and I essentially want to create a smaller duplicate of our footer, but this means having to change the normal link colors used for this row. I’ve looked up other threads, and have added the following custom css:

.my-link {
color: #ffffff;
}

.my-link:hover {
color: #cccccc;
}

The link looks like this:
<font size=”5″>Fram home page

However, it isn’t working. What am I doing wrong?
Thank you in advance for your help!
Beate

[Joao]

Hi there,

Please use <span style=”font-size: 5em;”> </span> instead

Hope it helps

Joao

[boera]

Hi, thanks for responding. I’ve tried this, but the font size is now not responding. The link color is also still wrong:

<span style=”font-size: 5em;”><a class=”my-link” href=”http://framexec.com/”>Fram home page</span>

Thanks for helping!

[Rue Nel]

Hello There,

Please update the code and make use of this instead:

<a class="my-link" href="http://framexec.com/"><span style="font-size: 5em; color: red;">Fram home page</span></a>
<a class="my-link" href="http://framexec.com/"><span style="font-size: 5em; color: blue;">Link Item 2</span></a>
<a class="my-link" href="http://framexec.com/"><span style="font-size: 5em; color: green;">Link Item 3</span></a>

Hope this helps.

[boera]

That’s brilliant, thank you. Is there a way to also change the hover color? The above changed the link color, but the link doesn’t change color when hovering over it.
Thanks!

[Darshana]

Hi there,

Now you can use the following CSS rule for the hover style.

.my-link span:hover {
    color: #336699 !important;
}

Hope that helps.

[boera]

Thanks, I’ve added this to the custom CSS. What should the text look like? I’ve currently got this:

<a class="my-link" href="http://framexec.com/"><span style="font-size: 1.5em; color: white;">Fram home page</span></a>

[Jade]

Hi there,

That should correct. The text will initially be white and changes to the color #336699 when hovered.

Hope this helps.

[Author]

Posts