User Tools
overview:admin_area_manual:appearance
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
overview:admin_area_manual:appearance [2016/07/08 05:47] Den created |
overview:admin_area_manual:appearance [2016/07/08 08:29] (current) Den |
||
|---|---|---|---|
| Line 9: | Line 9: | ||
| 1. To install the theme, go to Admin area > Appearance > Themes > Add new theme section. | 1. To install the theme, go to Admin area > Appearance > Themes > Add new theme section. | ||
| - | {{:faq:design_appearance:premium_theme_3.png?500|}} | + | {{:overview:admin_area_manual:premium_theme_3.png?500|}} |
| 2. Upload the theme zip archive ((enter your FTP username, password)). | 2. Upload the theme zip archive ((enter your FTP username, password)). | ||
| - | {{:faq:site_configuration:plugin_installation_6.png?500|}} | + | {{:overview:admin_area_manual:plugin_installation_6.png?500|}} |
| 3. Click **Enter**. | 3. Click **Enter**. | ||
| Line 20: | Line 20: | ||
| 4. Choose the theme and click the **Activate** button. | 4. Choose the theme and click the **Activate** button. | ||
| - | {{:faq:design_appearance:premium_theme_4.png?500|}} | + | {{:overview:admin_area_manual:premium_theme_4.png?500|}} |
| To delete the theme, click the **Delete** button((enter your FTP username, password)). | To delete the theme, click the **Delete** button((enter your FTP username, password)). | ||
| 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.1467956837.txt.gz · Last modified: 2016/07/08 05:47 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
