How can I add an underline to an active link?

Shopify Discussion
1

Hi, all I just want to add an underline at the bottom or change the color of the text when it’s active. Here’s the link https://brainrichkids.com/blogs/news/tagged/brainrich-education

Capture.JPG
Capture.JPG1337×630 48.6 KB

2

Hello @Karl29 ,

First add active class to it.

{% for tag in collection.all_tags %}
    {% if current_tags contains tag %}
          - {{ tag | link_to_remove_tag: tag }}

    {% else %}
          - {{ tag | link_to_add_tag: tag }}

    {% endif %}
{% endfor %}

Note: Use active class concept from here rest use your existing code.

Once you add the active class then you can assign css to it.
e.g. to change the color of active link

.active{
color: red;
}

to underline the active link:

.active{
text-decoration: underline;
}

Thanks

3

Hi @Guleria . It’s not working

4

It’s working for this https://brainrichkids.com/blogs/news/tagged/brainrich-education link only

5

Because you added a static active class, check in source code what evert the tag you select active class is always with the first tag which is wrong.

6

How can I fix that? Can you help me?

7

I already explained how to do it but if you still need help you can drop me an email or Skype and we can discuss further.
Thanks