Page 1 of 1

Can't Style Context Label Text

Posted: Thu May 02, 2019 12:58 am
by amyers3
Hi,

I am trying to style the context label text, but I can't get it to work. I feel like the content after the div should be wrapped in an element. I am generating a pdf from html5/css. This is the code in the merged output.

Code: Select all

 <section class="- topic/section task/context section context" id="unique_3_Connect_42_context_D5C8FC3158394E2CB5D46C355787F12D" nd:nd-id="context_D5C8FC3158394E2CB5D46C355787F12D"><div class="tasklabel"><h2 class="sectiontitle tasklabel">About this task</h2></div> 
		<a class="- topic/xref xref" format="dita" href="#unique_4" broken-link="true" scope="local" type="glossentry">term</a>, content
		<span class="- topic/ph ph">Application Name</span>
Is there a way to do this?

Thanks,

Adam

Re: Can't Style Context Label Text

Posted: Mon May 06, 2019 12:56 pm
by Dan
What do you want to accomplish exactly?
If your usecase is to create padding to the rest of the elements that follow the label, you can use something like:

Code: Select all

*[class ~= "task/context"] {
	padding-left: 1in;
	
}
*[class ~= "task/context"] > .tasklabel {
	margin-left: -1in;
}

Many regards,
Dan