You don't need to know anything about CSS (Cascading Style Sheets) in order to design a great website using the YWD platform. All the formatting is generated for you from your choices in YWD Designer. But there may be instances where you may want to extend or even override YWD's settings, and if you know your CSS that could be handy...
YWD Designer does CSS too!
A new pane in YWD Designer called Custom CSS under Tools / Advanced settings lets you write or paste CSS definitions directly into a field. You can add your own classes and even override our own if you want; your code will be inserted globally into all pages, after the CSS that's automatically generated by YWD Designer.
An example
This client wanted a “Horizontal Thin Share combo” widget to appear at the bottom of all pages. Simple: you just select that in YWD Designer / Social media & widgets / Social bookmarking. However, this added extra space at the bottom, which they didn't want:

So we added some CSS to make it "float" in the page footer, outside of the content area where it would normally appear:

Our CSS is then added to pages, after all the "regular" CSS generated by YWD Designer.
Other ways to insert CSS
If your website includes the Embed Code tool you can also add CSS to any specific page. And you can use the Source mode of the Word Processor to insert CSS into an individual content block. Check out this page on the YWD Help for details.
Don't have a Your Web Department website? Get yours at www.yourwebdepartment.com
|