How to Make a Custom CSS for Webs.com

By Brandy Alexander

Your Webs.com account provides features, such as predesigned page templates, that allow you to publish your business and personal websites without any coding knowledge. However, if you know Cascading Style Sheets, or CSS, you can make custom codes instead. CSS gives you full control over the layout and design of your website templates so you can create them from scratch or modify existing designs. Use the menus in Webs.com to apply the CSS that makes your pages stand out.

Step 1

Log in to your Webs.com account and click the "Modify Template" tab in the menu bar on the top right corner.

Step 2

Click the "Change Template" link that appears beneath the main menu, then click the "All" option that displays on the left side. This action presents all of the template options available on Webs.com.

Step 3

Scroll to the very right of the template options and click the "Custom CSS" box. Click the "Advanced CSS" tab that displays to bring up a text box where you enter your style rules.

Step 4

Type your custom CSS code to design your Webs.com template. For instance, specify the background color of the body, which controls the overall appearance of your page, as in the following example:

body { background-color: #cccccc; }

Step 5

Click the "Save" button in the upper right-hand corner. Click the "See My Site" button in the dialog window that displays to view the custom CSS published to your Webs.com website.

×