Wednesday, February 3, 2016

How to incorporate CSS into your Weebly.com web site

CSS (Cascading Style Sheets) allows you greater control over how your web site appears and behaves.  Weebly.com gives you a lot of flexibility in creating a free web site, but if you want to add CSS to optimize your Weebly site for your visitors, follow the steps below.

- Login to your Weebly account (http://www.weebly.com/#login)
- Click the Edit Site button.  If you have multiple Weebly sites, click the Edit Site button next to the site for which you want to enable CSS.
- Click Settings at the top of the screen.
- Click SEO on the left side of the screen.
- In the Header Code section, type or copy this line:

    <style type="text/css">

    Add your CSS, then close it out with:

    </style>

- Click the green Save button at the bottom of the page.
- Click the orange Publish button in the upper right corner of the page.

If you want to link to an external CSS file instead, use this line rather than the HTML code above, replacing CSSfilename.css with the name of the CSS file to reference:

<link type="text/css" rel="stylesheet" href="CSSfilename.css" />

You could also add CSS directly into your HTML code on your page, if you are using HTML to design the page, by including it as an attribute, like this:

<tag style="CSSproperty:value">

No comments:

Post a Comment