Creating and sharing custom CSS styles on rw-designer.com

rw-designer.com allows its community to go beyond using the site as-is by creating their own modifications to the website’s style. With just a bit of HTML and CSS knowledge, you can personalize your browsing experience and even share your designs with other users.

What are CSS style modifications?

CSS (Cascading Style Sheets) controls the look and feel of a website — fonts, colors, spacing, backgrounds, and much more. By modifying the site’s CSS, you can give rw-designer.com a completely different appearance while keeping all functionality intact.

For example, you could:

• Add a custom background image to replace the default plain background.
• Change the fonts of titles and menus to something more stylish or readable.
• Adjust colors of links, buttons, or headers to match your personal taste.

These changes only affect how the site looks in your browser, and if approved, they can be shared with the community.

How to modify the style

There is built-in editor to make this process simple. Just open the editor here. You will need to have some base level of karma to access that page.

From there, you can directly enter CSS rules that will override the default style of the website.

Example 1: Add a background image

body {
    background-image: url(my-background.jpg);
    background-size: cover;
}

my-background.jpg is your image that you have uploaded like you would upload an attachment for a blog post or a comment.

Example 2: Change font of titles

h1, h2, h3 {
    font-family: 'Georgia', serif;
    color: #333366;
}

Example 3: Customize link colors

a {
    color: #FF6600;
}
a:hover {
    color: #CC3300;
}

With just a few lines of CSS, you can dramatically change the website’s appearance.

What knowledge do you need?

To get started, you should be familiar with the basics of HTML and CSS. You don’t need to be a professional web developer — understanding selectors, properties, and values is enough. If you are new, there are many tutorials online that cover CSS fundamentals.

Best way to get started

Look at what has others already made and learn from it. You can for example look at the magma.css file, which serves as an example for background and color modifications.

Sharing your style with others

If you create a style that you’d like to share, you can submit it for approval (just PM Vlasta). Once approved, your custom design becomes available for other users to apply. They will be able to buy a custom wallpaper from Ikeyyana on the market page or carve your pattern into a pristine pattern roller. You, as an author will receive 1 button per wallpaper with your style purchased by other users. Even before the style is approved, you can apply it yourself if you have a pattern roller.