How to make catalog item variable bold and increase the font size

[Feddy]

We have one record producer and we would like to increase the font size of the variable and make it bold.
I came across couple of posts and we could use property 'glide.ui.escape_text to 'false' to achieve.
Is there any other option that I can follow to meet the requirement?

any help on this would be much appreciated.

[Ankur Bawiskar]

@Feddy 

Hope you are doing good.

Did my reply answer your question?

If so, please mark appropriate response as correct & helpful so that the question will appear as resolved for others who may have a similar question in the future.

Thanks!
Ankur

[Pranesh072]

goto sp_page table and search for your page.

OOB will be sc_cat_item page.

Goto css and update this code 

#label_name> div > label

{

font-weight:bold;

}

it will look like this 

[Feddy]

Hi Pranesh, 
Thanks for the input.
It works fine but it is applying the same for other catalog item where same variable name is available.
I would like to make all the variables available in one particular catalog item to be bold.

[Pranesh072]

there is a workaround if want to use it only one catalog item but it requires DOM.

You have to create an onload catalog client script on catalog item as below.

function onLoad() {
	
	setTimeout(function(){ 

		var fields = top.document.getElementsByClassName('field-label');

		for(var i=0;i<fields.length;i++){
			fields[i].style.fontWeight="bold";
		}

	}, 100); //increase the timeout if not working
}

[Feddy]

It is working on all variables except label type fields, is there any way to fix it?

Thanks for the response.