Styling the content area

Owned by Johannes Laatu (Deactivated)
Last updated: Feb 21, 2023 by Madzy Soetman
2 min read

To make your Advanced Theme as upgrade-safe as possible, we recommend using one of our pre-designed CSS classes to style the content area. Just add a div tag (with pre-designed CSS classes) that wraps around the content section.

File: top.vm 

...   <div id="demo_theme_content" class="rw_content_menu_transparent_dark rw_content_spaces_gray3 rw_content_dashboards_gray1">

File: bottom.vm 

</div> <!-- #demo_theme_content -->

Check out the Advanced Demo Theme for a real example.

Menubar

Class

Result (click to enlarge)

Class

Result (click to enlarge)

rw_content_menu_solid

rw_content_menu_transparent

rw_content_menu_transparent_dark

Space

Class

Result (click to enlarge)

Class

Result (click to enlarge)

rw_content_spaces_gray1

rw_content_spaces_gray2

rw_content_spaces_gray3

rw_content_spaces_gray4

rw_content_spaces_white1

rw_content_spaces_white2

rw_content_spaces_white3

Dashboard

Class

Result (click to enlarge)

Class

Result (click to enlarge)

rw_content_dashboards_gray1

 

rw_content_dashboards_gray2

 

rw_content_dashboards_gray3

 

rw_content_dashboards_white1

 

Â