Custom CSS

What Is Custom CSS?

Custom CSS (Cascading Style Sheets) allows you to change the look and feel of your website—beyond what the built-in design tools offer.

You can use custom CSS to:

• Change font styles or sizes

• Adjust spacing or layout

• Customize colors beyond the default options

• Hide or modify specific elements

• Add hover effects or animations

If you’re familiar with basic CSS code, this is a powerful way to fine-tune your site’s appearance.

How to Add Custom CSS to Your Website

WebPages.org makes it easy to paste in your own CSS rules using the Custom Code section.

Step-by-Step Instructions

• 1. Log in to your account
  Head over to webpages.org and log in using your email and password.

• 2. Open Website Settings
  In the left-hand menu, click “My Website”, then select “Website Settings.”

  You’ll need to have started your website and given it a name for this option to appear.

• 3. Go to the Custom Code section
  Click on the “Custom Code” tab in the top horizontal menu.

• 4. Add your custom CSS
  In the Custom CSS box, paste or type the CSS code you want to use.

  Example:

  h1 { font-size: 36px; color: darkblue; }  

• 5. Save your changes
  Scroll down and click “Save Changes.”

Tips

• You don’t need <style> tags, just paste the CSS directly.

• Be careful when copying code from the internet, test it first to make sure it works as expected.

• If something looks off, you can always delete or adjust the code.