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|}} | ||