CSS - Workflow pages are off

Question

So I have a custom CSS for my SharePoint site and everything is fine except for the Workflow page - for example, the page where you enter the names of people who to route the document for the approval workflow.

Anyone know what CSS tags should be modified to move items on this page around? I have the Quicklaunch hidden on some of my pages but on the Workflow I cannot edit the page to add a Content Editor and I am not too sure how to just target the Workflow pages in the regular CSS.

Any ideas?

Thanks!

Answer 1

There maybe many ways to do this, but maybe using jQuery to locate an unique HTML element on the workflow page and the apply the custom CSS is the most flexible one:

1. include jQuery to your page;
2. choose a HTML element on your workflow page as the "identifier" of your page. for example, you can choose the "start" button on the bottom of your page, it should have an ID property with value like this "ctl00_PlaceHolderMain_XmlFormControl_V1_I1_B10".
3. in the $(document).ready function, use

if($(‘#ctl00_PlaceHolderMain_XmlFormControl_V1_I1_B10’).length>0){/use jQuery to apply your costom CSS./}

it should work, good luck!