How do you style the profile page?

CMS Site options Profile settings  background settings tab 

Background

To edit the style of the my Profile Page's background:

1. Go to your CMS
2. Find Site Options and click Profile Settings underneath it.
3. Go to the Background Settings tab.
4. [Background type] select from the drop down the type of background you want; colour background, image or video background.  Selecting one of these will trigger different fields to appear
5. Background type = Colour
6. [Background colour] select the background colour from the drop down list.  The colours in this drop down are set in site options theme tab.  See setting the site theme
7. Background type = Image
8. [Landscape aspect ratio image] select the ‘add image’ button to select an image from your media library, or upload to the image to be used for background image at landscape.
9. [Portrait aspect ratio image]  select the ‘add image’ button to select an image from your media library, or upload to the image to be used for background image at portrait.  This will be the image that shows when scaled/on mobile.  If this field isn’t completed the image set for the landscape will be used, centring on the image. 
10. Background type = Video
11. [Poster image] select the ‘add image’ button to select an image from your media library, or upload to the image to be used for the poster image.  This poster image will be used/shown if there is a delay in the background video loading.  It will also be shown when scaled/on mobile, unless the override is selected (see ‘Use Video on mobile’ section below)
12. [MP4 Source] select the ‘add file’ button and select the video from your media library, or upload the video to be used.   Background videos should be a h264 encoded mp4 optimised for the web. We recommend that you try to keep this file as small as possible, preferably under 3Mb.
13. [WebM Source] select the ‘add file’ button and select the video from your media library, or upload the video to be used. Note, an MP4 source is required for WebM to work. 
14. [Use Video on mobile] As the video will be mostly obscured on smaller screens, by default the background will be the poster image.  If you want to override this, and force the background video to show at mobile, toggle this button to show the ‘Yes’.  Video will then be shown on the background at mobile view. 
15. [Has overlay] You can apply an overlay to the background video you have set.  To do this, toggle this button to show ‘Yes’.  You will then be prompted to set the [overlay colour] - this will be a drop down list of colours, based on the colours set in the site theme. You will also be asked to set the [overlay opacity]

Other Elements.

To edit the style of the my Profile Page’s background:

1. Go to your CMS Find to Site options and click Home underneath it Go to the Styles tab [Background Colour]
2. To change the background colours of the “Reset Password” and “Forget Me” models and the bar background colour beneath the “My Profile”, “My Events” and “My Favourites’ buttons’.
3. [Heading Colour] To change the “Reset Password” and “Forget Me” modal headers and close button colours, as well as the heading text on the My Profile/My Events/My Favourites pages.
4. [Filter Text Colour] To change the Contact Preferences text and checkbox colour, and the non-header text of the “Reset Password” and “Forget Me” modals.