Table of Contents
- What are custom styles?
- How do I use custom styles?
- How do I make my own custom style?
- Where do I learn CSS?
- I already know CSS. What should I know about your box model to get started?
- What happens if I am using a custom style and my Epic membership expires?
- What happens if I created custom styles, and then my epic membership expires?
- What happens if I start using a custom style that has been shared by another user, and then they decide they don't want to share anymore?
- I want to add mobile support to my style
- I want to add support for columns and rows
What are custom styles?
Custom character styles are unofficial styles for character profiles that have been created by RPR users just like you. Only epic members are able to apply them to their characters, but any member can create and preview custom styles, or even share their custom looks with other epic members if they are feeling generous.
Because custom styles are user-made, the RP Repository can't vouch for their completeness. If you find a problem with a user-created style, you'll have to contact the user who designed the style to get it fixed rather than submitting a bug report to the RPR.
How do I use custom styles?
If you have an Epic Account, simply look for styles labelled "User Created Style" in the style library, and pick "Use this style" just as you would any official style.
Don't have an epic account, but still curious? Click the "preview" link on the style instead, to see how your character would look with that style.
How do I make my own custom style?
Every style on the RP Repository, whether officially made or custom made by our users, is created using CSS. CSS is the same tool professional web designers use, and allows for fine control over nearly every element on your character sites. With CSS, the number of looks you can create for your character pages is infinite!
To create your first custom style...
- Navigate to Your Stuff (or Your Stuff » Characters).
- Click the pencil icon next to any character.
- Click "[Character Name]'s Style" (it's the icon that looks like a paint brush )
- Pick "Your Style Workshop" from the sidebar.
- Click the "Create New Style" button.
Where do I learn CSS?
There are hundreds of resources online for learning CSS, many of them free. We suggest that you start by Googling the topic!
I already know CSS. What should I know about your box model to get started?
Refer to the following diagram to get a sense of how the HTML for character profiles is laid out.
What happens if I am using a custom style and my Epic membership expires?
Your characters will revert to using the last "official" style they sported before you chose a custom style.
What happens if I created custom styles, and then my epic membership expires?
Although you won't be able to use your custom styles without an epic membership, all your hard work won't be lost. Your styles are saved, and will become available for you to use again as soon as you renew your epic account. If you have shared styles, they will remain available for other epic members to use.
What happens if I start using a custom style that has been shared by another user, and then they decide they don't want to share anymore?
Sadly, not all good things can last. Every user who generously shares their work also has the right to unshare their work.
When a custom style becomes unavailable for some reason, every character that had been using that template will automatically revert to using the last "official" style they sported. Since you can never be 100% sure that another user will keep their work available forever, it's a good idea to pick an official RPR style first and then go hunting through the shared custom library, so that if a style gets unshared you will have something to fall back on.
I want to add mobile support to my style
Fantastic! Here's some starter CSS for you to use and edit:
I want to add support for columns and rows
If you have checked "Do not load the default CSS" for your style, then you'll need to manually add back support for columns and rows. This will do the basics for you in most styles. Add this somewhere near the top of your CSS: