Styling your content - the basics

Your Impact Stack theme will restrict how much the style of the content can be changed in order to keep  the styling coherent and clean, and make your pages look great.

There are still quite a few styling options available in the top bar of the WYSIWYG editor on the content step though, and most will probably be quite familiar. Here are a few tips though:

2018-11-30_WYSIWYG_options.png

 

Copy Paste

Avoid copy/pasting text from anywhere into a Impact Stack text field, as this will bring the text styles too and override your carefully chosen theme fonts! So if you're copying text from Word or a similar word processor, first copy it to a very basic text editor, where you cannot style anything, like Notepad or Gedit, and then copy it again from there to your text field in Impact Stack. This way, you can be sure that no additional unwanted styling messes up your Impact Stack actions.

Headings

There is a pre-defined hierarchy of headings and paragraphs in Impact Stack. The titles of all pages are automatically set as Heading 1. This are the biggest and largest possible texts in Impact Stack. This means that in the page content, you can use all remaining Headings, for example Heading 2, Heading 3, or Heading 4. Heading 2 is more important and bigger than Heading 3, which is bigger than Heading 4.
The heading styles can be selected from the "Format" select-list, right next to the Table symbol.

Do not use the "bold" option to fake a heading. The hierarchy of paragraphs is not only for the visual effect but also important for screen readers and search engines. Also, avoid using a heading just for its styling, as this could ruin the hierarchy of the page. If you need additional styles for your content, or need help creating a custom text styling, please make sure to contact our support team.

Media

When adding Images and Videos to a text field, use the Media button of the text field top bar. It looks like a tiny picture and is located on the very right of the bar.

Do not just copy links or code from websites like Youtube into a text field. It might seems like it works fine, but this will prevent Impact Stack to be aware of this picture. This means that the images or videos added this way cannot be made available to your media browser, should you want to add them on another page. Secondly, videos and images added this way are not responsive to the screen size, which may mean your page will display badly on a mobile device.

Advanced

If you know HTML and know what you are doing, you can view and edit the text styles directly in the source code of the text, using the "source" button. This button enables you to look at the text in HTML, and so, add additional mark-up and further customise your content.

Need further help?

Our support team can also help you with HTML and styling questions :)

 

Have more questions? Submit a request