Style Catalog variables

Jai2021
Tera Contributor

Hi all,
I need a requirement to create multiple choice check box. But the label needs to be bold. Is there any way to achive this.
Ex : Select that all apply(should be bold)
1 . Check box A
2.Check box A 1

3.Check box A 2

4.Check box A 3

5.Check box A 4

Thanks in advance!
Regards,
Abirami 

8 REPLIES 8

Tuan Vu
Kilo Guru

Hi @Jai2021 
You can write a onload catalog client script and use jquery to add style for the variable element

 

function onLoad() {
    setTimeout(function() {
      this.$('#variable_name span').css('font-weight', 'bold');
    }, 200);
}

 




Jai2021
Tera Contributor

Thank you for the solution. It makes all the check box values to be bold included with the label. But I need to bole the respective label only.
Thanks,
Abirami

Hi @Jai2021 , Please try this

function onLoad() {
    setTimeout(function() {
      this.$('#variable_name .field-label-question').css('font-weight', 'bold');
    }, 200);
}

Jai2021
Tera Contributor

question - Notice type
name - u_notice-type
It's not working for me

Help me with this!