CSS Styling Modules Xperify

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097676535

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097676456

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742430

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742351

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742198

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742283

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742043

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097742126

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097676314

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097741958

https://ocular.atlassian.net/wiki/spaces/XCC/pages/2097741860

General

You can copy paste these code-snippits in your advanced theme settings. Follow these steps:

  1. go to dashboard.ocularium.be

  2. go to the menu ‘themes'

  3. click on the second tab ‘advanced’

  4. Paste the code snippit

  5. Change the parameters and the ID.

You can find the correct ID’s by ‘inspecting’ the frontend. Follow these steps:

  1. Open Xperify (or preview it)

  2. Right-click on your page and choose ‘inspect’

  3. The inspector window opens

  4. Click on the button in the left corner

  5. Hoover over the element of Xperify that you want to change

  6. You can find now in the elements page of your inspector window the correct ID. Mostly mentioned as:

    1. .page.page--XXXX

    2. .page--XXXX module XXX

    3. .page-module

  7. In the right colom ‘styles’ you can find the same or other advanced code-snippits.