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

Can you take a screenshot?

Jai2021
Tera Contributor

Hi @Tuan Vu ,
Sorry , I couldn't take screenshot of it. But  I can explain you.
Variable name : u_notice_type
Question : Notice Type
Notice Type
1. Check box A
2.check box B

3. Check box C

4.Check box D

5. Check box E

6. Check box F

 

the code which you gave me working like this,

Notice Type
1. Check box A
2.check box B

3. Check box C

4.Check box D

5. Check box E

6. Check box F

But I need like this,

Notice Type
1. Check box A
2.check box B

3. Check box C

4.Check box D

5. Check box E

6. Check box F

 

Appreciate your help.
Regards,
Abirami

Could you check which element wrap the text "Notice Type" . that element has any class or ID that is different from other checkboxes.

For ex, "Notice type" is wrapped by label tag and has class "field-label-question", you can change jquery selector like this

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

Jai2021
Tera Contributor

Hi @Tuan Vu ,

The above code is not working. I tried like following code,


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

 

As my Variable Name: u_notice_type
           question : Notice Type

 

Thanks in a bunch in advance .
Regards,
Abirami Thirumoorthi