{"id":33,"date":"2014-05-16T01:17:24","date_gmt":"2014-05-16T01:17:24","guid":{"rendered":"http:\/\/cashlinqsupport.com\/helpdesk\/?p=33"},"modified":"2014-05-16T01:17:24","modified_gmt":"2014-05-16T01:17:24","slug":"profile-page-design-overview","status":"publish","type":"post","link":"https:\/\/www.cashlinqhelpdesk.com\/?p=33","title":{"rendered":"Profile Page Design Overview"},"content":{"rendered":"<p>The Profile Page Design allows you to preview your changes to the look and feel of your Profile interface as you make them.<\/p>\n<p>&nbsp;<\/p>\n<h4>Layout &amp; Design<\/h4>\n<p>Layout &amp; Design is where you set the base color styling for your Profile page.<\/p>\n<p><strong><br \/>\n<\/strong><\/p>\n<p><strong>Page Background<\/strong><\/p>\n<p>Page Background enables you to change the outside border settings.<\/p>\n<ul>\n<li>Background Image:\u00a0 You can use an image for the outer border.\u00a0 Click + Add New to upload a new image, click Select Existing icon to choose an image file from your existing library, or click the Remove icon to remove a currently selected image.\u00a0 If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).<\/li>\n<li>Background Color:\u00a0 Set the background color for the outer border.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<\/ul>\n<p>Click [Apply] to update your Profile page.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Page Foreground<\/strong><\/p>\n<p>Page Foreground enables you to edit the inner form background and font attributes.<\/p>\n<ul>\n<li>Foreground Color:\u00a0 Set the inside color for the Profile interface.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Foreground Opacity:\u00a0 Set the opacity for the entire foreground so the background can show through.\u00a0 This setting affects all the foreground elements including the Header, Footer, Text, Data Fields, etc.<\/li>\n<li>Rounded Corners:\u00a0 Set the degree of roundness to the section corners.<\/li>\n<li>Border Size:\u00a0 Set the thickness of the section border.<\/li>\n<li>Border Color: \u00a0\u00a0Set the color for the section border.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Shadow Distance:\u00a0 Set the section shadow distance in pixels (shadow falls to the right).<\/li>\n<li>Shadow Color:\u00a0 Set the color for the shadow.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Font Type:\u00a0 Select a font from the drop-down.<\/li>\n<li>Font Weight:\u00a0 Sets normal or <strong>Bold<\/strong> text.<\/li>\n<li>Font Style:\u00a0 Sets normal or <em>Italic<\/em> text.<\/li>\n<li>Font Color:\u00a0 Set the color for the font.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<\/ul>\n<p>Click [Apply] to update your Profile page.<\/p>\n<p>&nbsp;<\/p>\n<h4>Page Content<\/h4>\n<p>You can include an optional Header and\/or Footer on your Profile interface to further brand and style the page to better represent your organization.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Header<\/strong><\/p>\n<p>You can include a header on your Profile page.<\/p>\n<ul>\n<li>Background Image:\u00a0 You can use an image for the header.\u00a0 Click + Add New to upload a new image, click Select Existing icon to choose an image file from your existing library, or click the Remove icon to remove a currently selected image.\u00a0 The ideal banner width is 900 pixels, but Qsuite will resize to fit the width, unless you check the box to maintain the original dimensions.\u00a0 If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).<\/li>\n<li>Height:\u00a0 Set the height (in pixels) of the header.<\/li>\n<li>Background Color:\u00a0 Set the background color for the header section.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Text:\u00a0 Enter a title or other text that will appear in the header.\u00a0 Text will appear over a header image if you upload an image.<\/li>\n<li>Font Type:\u00a0 Select a font for the header text.<\/li>\n<li>Font Weight:\u00a0 Sets normal or <strong>Bold<\/strong> text.<\/li>\n<li>Font Style: \u00a0Sets normal or <em>Italic<\/em> text.<\/li>\n<li>Font Color:\u00a0 Set the color for the font.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Alignment:\u00a0 Set the header text alignment to Left, Center, or Right.<\/li>\n<li>Vertical Alignment:\u00a0 Set the header text vertical alignment to Top, Middle, or Bottom.<\/li>\n<\/ul>\n<p>Click [Apply] to update your Profile page.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Footer<\/strong><\/p>\n<p>You can include a footer on your Giving Page.<\/p>\n<ul>\n<li>Background Image:\u00a0 You can use an image for the footer.\u00a0 Click + Add New to upload a new image, click Select Existing icon to choose an image file from your existing library, or click the Remove icon to remove a currently selected image.\u00a0 If an image is uploaded, you can control the image repetition horizontally (Repeat Across), vertically (Repeat Down), or you can tile the image (Repeat Both).<\/li>\n<li>Height:\u00a0 Set the height (in pixels) of the footer.<\/li>\n<li>Background Color:\u00a0 Set the background color for the footer.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Text:\u00a0 Enter text that will appear in the footer.<\/li>\n<li>Font Type:\u00a0 Select a font for the footer text.<\/li>\n<li>Font Weight:\u00a0 Sets normal or <strong>Bold<\/strong> text.<\/li>\n<li>Font Style:\u00a0 Sets normal or <em>Italic<\/em> text.<\/li>\n<li>Font Color:\u00a0 Set the color for the font.\u00a0 You can enter a Hex Color Code (if known) or select a color and shade using the color picker located to the right of the hex code field.<\/li>\n<li>Alignment:\u00a0 Set the footer text alignment to Left, Center, or Right.<\/li>\n<li>Vertical Alignment:\u00a0 Set the footer text vertical alignment to Top, Middle, or Bottom.<\/li>\n<li>Include Powered by Q and Security Metrics logos checkbox:\u00a0 You can include \u201cPowered by Q\u201d and the \u201cSecurity Metrics Credit Card SAFE\u201d logos in the footer.<\/li>\n<\/ul>\n<p>Click [Apply] to update your Profile page.<\/p>\n<hr \/>\n<div role=\"form\" class=\"wpcf7\" id=\"wpcf7-f1655-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fposts%2F33#wpcf7-f1655-o1\" method=\"post\" class=\"wpcf7-form init\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1655\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.6.3\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1655-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p>Did this article answer your question?<br \/>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"menu-810\"><select name=\"menu-810\" class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\"><option value=\"Yes\">Yes<\/option><option value=\"No\">No<\/option><\/select><\/span> <\/p>\n<p>How can we improve this article?<br \/>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"improve\"><textarea name=\"improve\" cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\"><\/textarea><\/span> <\/p>\n<p>Your Name (optional)<br \/>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input type=\"text\" name=\"your-name\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" \/><\/span> <\/p>\n<p>Your Email (optional)<br \/>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input type=\"email\" name=\"your-email\" value=\"\" size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email\" aria-invalid=\"false\" \/><\/span> <\/p>\n<p><input type=\"submit\" value=\"Send\" class=\"wpcf7-form-control has-spinner wpcf7-submit\" \/><\/p>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div><\/form><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Profile Page Design allows you to preview your changes to the look and feel of your Profile interface as you make them. &nbsp; Layout &amp; Design Layout &amp; Design is where you set the base color styling for your Profile page. Page Background Page Background enables you to change the outside border settings. Background Image:\u00a0 You can use an image for the outer border.\u00a0 Click + Add New to upload a new image, click <a class=\"blog-more btn btn-xxs btn-primary\" href=\"https:\/\/www.cashlinqhelpdesk.com\/?p=33\">Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","hentry","category-profile-settings"],"_links":{"self":[{"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=\/wp\/v2\/posts\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":0,"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cashlinqhelpdesk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}