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 08:08] Den |
overview:admin_area_manual:appearance [2016/07/08 08:29] (current) Den |
||
---|---|---|---|
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|}} |