Set readable headings
Adjust the supported font, size and text styling controls.
Style your website
Make the page look like the rest of your site.
A new services page needs the same headings, buttons and spacing as your homepage. Select the relevant style rules and adjust the shared design details.
What you can do
Use it on your own website.
Set a heading font, use your brand colour on buttons or adjust the spacing around a section.
Use your brand colours
Change text and background colours in the appropriate CSS rules.
Balance the spacing
Refine margins, padding and supported layout settings while reviewing the preview.
Getting started
Make this update.
A new services page needs the same headings, buttons and spacing as your homepage. Select the relevant style rules and adjust the shared design details.
- Choose the style rule — Select the CSS rule that controls the element.
- Adjust the appearance — Change typography, colour or spacing.
- Check the affected elements — Review where the rule is used before saving the stylesheet.
Useful details
Questions about this task.
Check how this works with your project and hosting.
Does CSS Designer replace my stylesheet with a special format?
No. Changes are written to the CSS in your project, and you can continue editing it directly.
Can the visual controls represent every CSS value?
No. Some expressions, variables and newer colour syntax need the raw value field or source editor. A rule can also affect several matching elements, so review the relevant pages.