This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
design:howto [2013/11/18 12:21] Alia |
— (current) | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Site Panel: ====== | ||
| - | {{:design:origin_defailt_site_panel.png?300|}} | ||
| - | |||
| - | Default styles:<code>.ow_site_panel { | ||
| - | background: none repeat scroll 0 0 #F4F4F4; | ||
| - | border-bottom: 1px solid #E5E5E5; | ||
| - | height: 41px; | ||
| - | }</code> | ||
| - | |||
| - | Customizes styles: <code> | ||
| - | |||
| - | ===== Changing Background: ===== | ||
| - | |||
| - | ==== Page background color ==== | ||
| - | |||
| - | - Disable default background image by adding following CSS in Admin panel > Appearance > Edit Theme > "CSS" tab: <code>.ow_page_wrap { | ||
| - | background-image: none; | ||
| - | }</code> | ||
| - | - Choose your own background color in Admin panel > Appearance >Edit Theme > "Theme Settings" tab >:{{:design:origin_page_background_change.png?300|}} | ||
| - | |||
| - | Result (default vs customized): | ||
| - | |||
| - | {{:design:origin_backrgound_default.png?300|}} {{:design:origin_background.png?300|}} | ||
| - | |||
| - | |||
| - | |||
| - | ==== Canvas background color ==== | ||
| - | |||
| - | Add following CSS in Admin panel > Appearance > Edit Theme > "CSS" tab:<code>.ow_bg_color { | ||
| - | background-color: **#A9F5F2**; | ||
| - | }</code> | ||
| - | Where **#A9F5F2** is desired color code. | ||
| - | Result: | ||
| - | |||
| - | {{:design:origin_canvas_backgroun.png?300|}} | ||
| - | |||
| - | ==== Menu background color ==== | ||
| - | |||
| - | Add following CSS in Admin panel > Appearance > Edit Theme > "CSS" tab:<code> | ||
| - | .ow_menu_wrap { | ||
| - | background: none; | ||
| - | background-color:#A9F5F2; | ||
| - | }</code> | ||
| - | Where **#A9F5F2** is desired color code. | ||
| - | Result: | ||
| - | |||
| - | {{:design:origin_menu_background.png?300|}} | ||