XF 2.2 How to underline links to ToS and Privacy Policy in Register only

[juliusborisov]

Hello! How can I underline the links only in this window? If I go Page Setup - Links - Underline, it will underline all links everywhere, which is not that comfortable. What would be the CSS code for that window only?

 

[Paul B]

You can wrap the CSS in [data-template="register_form"] { ... } to apply changes to that template only.

 

[juliusborisov]

Sorry, what should go into { ... }?

 

[Paul B]

The CSS you use to underline the links and any other CSS you want to apply to that template only.

 

[juliusborisov]

Sorry that I'm dumb. What should I be adding to that template in order for this to work?
My initial question presumed I have to add custom CSS to Page Setup - Links, this is why I got confused.

 

[Paul B]

Add this to the extra.less template:

[data-template="register_form"],
[data-xf-init="reg-form ajax-submit"]
{
    .iconic-label a
    {
        text-decoration: underline;
    }
}

That will underline links on the overlay and standalone page.

 

[juliusborisov]

Nice, it worked! For reference, where can I learn how these pages and their parts are called?
Eg. register_form, reg-form ajax-submit, iconic-label a ?

 

[Paul B]

This guide should help.

How To ...

This is a series of tips and guides on how to do some of the most commonly requested things, such as: Locating a specific phrase Editing a phrase Creating a new phrase Determining which template to edit How to edit a template Creating a new...

xenforo.com