Oracle Commerce Cloud makes use of LESS in the style sheets. LESS is a CSS pre-processor which requires the style sheet files to be compiled to produce CSS, and adds a lot of functionality on top of CSS, such as variables and functions. For further details on LESS, refer to http://lesscss.org.
You can manipulate the LESS/CSS for each of the individual widget or stack templates.
To modify the LESS/CSS:
Open the Design page and click Code.
Scroll down to view the Widget Templates or Stack Templates and select the widget/stack instance you want to edit.
The code window opens displaying the lines of design code.
Click the Style Sheet tab to display the LESS/CSS.
Immediately above the menu tabs is the Expand Editor icon which allows you to view full screen mode.
Modify the code as required.
Click Save to confirm your changes or click Cancel to discard them.
You can click Restore to return to the last version of the code saved by the system in Layout manager, if required (losing all code changes made since then).
You can click the Preview button to see how the changes will appear in your web store before going live.
