General Styles

The General Styles stylesheet contains the most broadly applicable styles in your MadeDaily website. Styles set, for example, for Headline 1 or Paragraph in general styles will apply to everywhere headline 1s or paragraphs are used on your site, including text content that you create, product listing, stories, etc.

You can also make a style look different at each website breakpoint. For example, Headline 1 can be styled one way for desktop and differently for mobile or tablet.

Select the item you would like to style from the list.

To change a style click edit. You can edit the Background, Text, Padding, Margins, Borders, Corners, Box Shadow, Text Shadow, and more.

Once you are finished, click Save Changes.

After you edit a style, publish your stylesheet to see the changes reflected. To publish the Style Sheet, click the Publish Stylesheet button in the top right corner.

When you add text content to a page, you may want to control the size, color, and style of the typeface. The text editor has a default set of styles that can be modified to reflect your design. To edit your text, click the paintbrush icon. When finished, click Save Changes.

Follow the same steps listed above for other style types such as navigation and button styles.

When editing a component, there is an advanced view. This allows you to write custom css and attach it to the component. This allows more a lot more flexibilty when designing your site.

You can also enter the advanced with on any stylesheet by clicking  "Code View". This allows you to edit mulituple items very quickly.

To create a new theme for your stylesheet, click the duplicate icon next to the default stylesheet.

This will copy over the existing styles, and namespaces to allow for an easy alterative stylesheet.

When you drag in a component, there will now be an option to select that new theme instead of the default. Simply select the theme from the Style Theme dropdown.