Skip to main content

Forums » Help » Question about templates

While mulling over what template to use for my latest character, I kept thinking "I like the font on this template, but prefer the look of this one" and so on and so on... Thus begs the question, am I allowed to use the fonts, decorative line dividers, and other resources from the free templates? If so, how might I get them? I really like the font on the Candle Cluster template but have no idea what it is! I'm also not sure how I'd go about getting and using the decorative dividers either.

Thanks in advance.
Sanne Moderator

It's 100% okay to look at, reuse, dissect and create new templates based on the official free RPR templates at any given time. :) You can do this by right-clicking on the profile with said template, then view the source code.

Disclaimer: It's not okay to do this to another person's template without their permission. A custom template that isn't an official RPR template doesn't belong to the RPR, it still belongs to the user who created it, and they need to give you permission to create a copy and edit their template. Just a heads up to avoid confusion and hurt feelings!

Find the CSS stylesheet link for this template. For example, QT Pi uses the green hacker template. At the top of the source code, there's this:
Code:
<LINK REL="stylesheet" HREF="https://www.rprepository.com/templates/2.0/stylesheets/hacker-green/style.css" TYPE="text/css">

If you go to the URL you'll be shown the CSS you can edit.
https://www.rprepository.com/templates/2.0/stylesheets/hacker-green/style.css

You can look for anything labeled font-family and it will tell you what font it is. If you want to use a template's code, just copy and paste it into your own template, but fix it up as follows:

1. Copy and paste the code into your own new template.

2. Remove this from the top of the CSS:
Code:
@CHARSET "ISO-8859-1";

3. All the image URLs need to be completed. This means the code says
Code:
body { background-image: url(bg.jpg); }

But it needs to be:
Code:
body { background-image: url(https://www.rprepository.com/templates/2.0/stylesheets/hacker-green/bg.jpg); }

It's easy to figure out what the URL needs to be because the images are in the same directory as the CSS file. See what I mean here:

https://www.rprepository.com/templates/2.0/stylesheets/hacker-green/style.css
https://www.rprepository.com/templates/2.0/stylesheets/hacker-green/bg.jpg

4. Make sure to check 'Do not load the default CSS'. Make sure to uncheck 'Do not load the default widget CSS'.

5. You can use up to 3 Google Fonts for each template. Make sure that whatever you change font-family to in the template is picked from the dropdown lists for Google Fonts on the template editing page.

Aaaaaaaaand you're done! That's how you copy over an existing template, and where to look for font changes. :) It might sound like overwhelmingly much, but take it 1 step at a time.

If you really can't figure it out, please PM me and I'll send you ready to copy and paste code that you only need to edit the fonts on.

You are on: Forums » Help » Question about templates

Moderators: Mina, Keke, Cass, Auberon, Claine, Ilmarinen, Ben, Darth_Angelus