If you are using the social fundraising aspect of your campaign, you may not be thrilled that the personal pages are not customizable, nor do they take your template of your other pages to accent your own site.
The only changes offered are a logo (or any image) at the top of the page and a general purpose text. But where you enter your text is the key to doing anything you want, provided you know some CSS and HTML.
Go to your campaign, click 'View Social Fundraising Details'. Scroll down and click 'Edit Fundraising Page Content'.
Within the text editor is a button labeled 'Source', click this and the view will switch over to the full HTML editor. At the top of your text, enter:
These are style tags, in which you can enter your own custom CSS. Now in practice, this is considered bad form and generally styles should be placed elsewhere, but in a pinch it allows control over the page where you had none.
If you want to make the background of your page a color instead of the gray. Add this in between those tags:
If you want to style all the paragraphs the same, do this:
Want to change that large green button to red?
Want to hide all the supporers at the end of the page?
If you need to target a specific element, you will need to go into the browser inspector. Most allow you to right-click on a text, button, form element or whatever, and choose Inspect Element. Look for id="id-of-element" or class="class-of-element"
Then use the name like this:
Within the editor you can even add new HTML element and position them where you want on the page, for example a mixed badge in the top right corner.
Then within the style tag:
box-shadow: 0 0 5px black;
So if you're a little savvy with CSS and HTML it can take you a long way from looking the same as everyone and closer to your own look and feel of your site. Have fun!
Please sign in to leave a comment.