User Tools

Site Tools


design:howto

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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|}} 
  
design/howto.1384777311.txt.gz · Last modified: 2015/09/15 09:10 (external edit)