User Tools
overview:admin_area_manual:appearance
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
overview:admin_area_manual:appearance [2016/07/08 05:48] Den |
overview:admin_area_manual:appearance [2016/07/08 08:29] (current) Den |
||
|---|---|---|---|
| Line 40: | Line 40: | ||
| {{:overview:admin_area_manual:appearance_3.png?500|}} | {{:overview:admin_area_manual:appearance_3.png?500|}} | ||
| - | * Replace the [[faq:design_appearance:replace_images|page background image, header background image]], [[faq:design_appearance:logo_customization|logo image, mobile logo]]. | + | * Replace the page background image, header background image, logo image, mobile logo. |
| * Change the site colors. | * Change the site colors. | ||
| Line 56: | Line 56: | ||
| If you click the **Reset** button, all your custom changes will be lost. | If you click the **Reset** button, all your custom changes will be lost. | ||
| - | The Mobile area allows you to change the colors, [[faq:design_appearance:logo_customization|logo image]] on the mobile version. | + | The Mobile area allows you to change the colors, logo image on the mobile version. |
| {{:overview:admin_area_manual:appearance_11.png?500|}} | {{:overview:admin_area_manual:appearance_11.png?500|}} | ||
| Line 102: | Line 102: | ||
| {{:overview:admin_area_manual:appearance_8.png?500|}} | {{:overview:admin_area_manual:appearance_8.png?500|}} | ||
| - | 4. Add the CSS styles to Admin area > Appearance > Customize > CSS > Edit CSS((the styles might differ if you are using another theme)): | + | 4. Add the image URL into the CSS styles via Admin area > Appearance > Customize > CSS > Edit CSS |
| - | + | ||
| - | <code>.ow_sign_in_cont .ow_sign_in_wrap { | + | |
| - | background-image: url("http://www.skadate.com/xdemo/ow_userfiles/themes/theme_image_1.png"); | + | |
| - | background-repeat: no-repeat; | + | |
| - | width: 697px; | + | |
| - | top:20%; | + | |
| - | } | + | |
| - | + | ||
| - | .ow_sign_in_wrap h2 { | + | |
| - | display:none; | + | |
| - | } | + | |
| - | + | ||
| - | .ow_sign_in_wrap form { | + | |
| - | margin-top: 200px; | + | |
| - | }</code> | + | |
| - | + | ||
| - | 5. Click the **Save** button. | + | |
| - | + | ||
| - | Refresh the Sign in page to view the logo. | + | |
| - | + | ||
| - | {{:overview:admin_area_manual:appearance_9.png?500|}} | + | |
| To delete the image from the Graphics section, hover the mouse over the image and click the **Delete** button. | To delete the image from the Graphics section, hover the mouse over the image and click the **Delete** button. | ||
| {{:overview:admin_area_manual:appearance_10.png?500|}} | {{:overview:admin_area_manual:appearance_10.png?500|}} | ||
overview/admin_area_manual/appearance.1467956895.txt.gz · Last modified: 2016/07/08 05:48 by Den
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 3.0 Unported
