Style Manager Creating and editing post styles

Creating and editing post styles

Post Styles is a set of layout elements: fonts, headings, text and background colors, indents, dividers, icons and buttons. 

You can create unique Post Styles for different types of content. This flexibility is especially important when it comes to sponsored content.

More about styles for blogs and media

 

Table of content

Creating a style

Quick setup

Advanced setup

Preview

How can style changes impact the already published posts?

Adding elements

Removing elements

How can already published posts be affected by style changes

Changes in Design Cloud posts

Publishing your style

Working with styles

Styles renaming

Activating/deactivating styles

Deleting a style

Setting a default style

Copying a style

Snippets

Templates

Custom CSS

Styles for Setka Editor free plan

 

Creating a style

There are three ways you can create a style:

  • Quick setup. Once you set your Setka Editor account we offer you to create your first simple style. If there are any styles created already, you can start quick setup by choosing Create custom style -> Quick setup in Styles option from your account.
  • Advanced setupChoose all fonts, colors and other layout tools yourself with the help of advanced setup. To create a style in this mode open Styles in your account and choose Create custom style -> Advanced setup.
  • From a copy of an already created style. To do that open Styles section in your account and hover your mouse over the needed style badge. You will see a Style actions menu in an upper right-hand corner, click on it and choose Duplicate. 

 

Quick setup

In a quick setup mode you can only choose a color palette and and a font combination. The result will be seen in an example right under the menu:

Screen_Shot_2020-04-23_at_12.20.35.png

 

Any color can be replaced with the one that is used for your brand or media:

Screen_Shot_2020-04-23_at_12.22.44.png

Save your style and choose it when creating your first post. You can edit a style created in a quick set up mode by adding any other elements, e.g.: fonts, icons, button layout, etc. To do that you need to opt for advanced setup.

 

Advanced setup

To set your style manually you need to open Styles section in your account. Then choose Create custom style -> Advanced setup

Screen_Shot_2020-04-23_at_12.23.49.png

All styles are being edited in an Advanced setup mode. 

You can read more about style elements in the following articles: 

and also in a Style manager section in our Help Center.

Click Save in the bottom of the page to save your changes. Do not forget to publish your style in order to have it available in the editor. 

 

Important: the changes you make will be applied to all posts created via this style.

 

Preview

Preview panel on the right reflects the changes you make. Here you see and change the way your style elements (text formats, colors, etc.) collocate with each other:

mceclip1.png

 

Use buttons Desktop / Tablet / Mobile in the upper part of the screen to change a device type: 

______________2020-05-29___13.37.27.png

 

If you want to check the way your font goes with some definite phrases or how the font lays on the definite symbols, just change the preview text with the help of Edit button in the upper right-hand corner:

Screen_Shot_2019-12-27_at_12.07.42.png

 

Chose your text and click Save to apply the changes:

Screen_Shot_2019-12-27_at_12.07.48.png

 

Click Restore default to put the default text back:

Screen_Shot_2019-12-27_at_12.08.18.png

 

How can style changes impact the already published posts?

All changes you make and save are being applied to all posts created in this style.

 

Adding elements

Existing posts will not be changed in case you add new style elements as colors, dividers, text formats or buttons. You can save the changes in the same post style

 

Removing elements

Existing posts will be affected if you remove style elements (icons, dividers, buttons, etc.), update text formats or apply any other changes to style elements used in posts that are already published.

To avoid affecting already published posts, just copy your style by clicking Save -> Duplicate style.

 

Here are some examples that can affect already published posts:

  • Significant changes to the font size. As a result some words might not fit in the columns
  • Deleting icons. For example, if you delete numerical icons, your post's structure might be lost
  • Deleting dividers. For example, if you delete dividers for quotations, it will be unclear that this text is direct speech

 

Changes in Design Cloud posts

Style changes will not be applied to already exported and published posts created in Design Cloud. To make your changes applied to an already published post, you need to export it again from Posts section in your account after saving your style.

 

Publishing your style

A new style will be saved as a Draft. You can edit style drafts in your account. To use a new style, you need to publish it by clicking Publish. Preinstalled styles are marked with an icon ______________2017-06-05___12.03.05.png.

post_styles.png

 

 

Working with Styles

Styles renaming

To rename your style, open it in Styles section in your account and choose Style name option in the left menu. Apply changes by clicking on Save.

 

Activating/deactivating styles

To deactivate your style, do the following: open Styles -> ... (Style actions) and click Disable.

Deactivated styles will not be available for new posts but you will be able to change them in posts already created on them. 

To activate a style, open Styles section and click on Make active in a style's badge. 

 

Deleting a style

To delete a style, open Styles -> ... (Style actions) and click Delete this style.

 

Important: before deleting a style make sure that there are no posts created via it as such posts will completely loose the overall layout.

 

Confirm your action by clicking on the checkbox next to I don’t have posts that will be affected by this action. Finish deleting by clicking on Delete Post Style.

 

Setting a default style

To set a default style for new posts open Styles -> ... (Style actions) -> Set as default. There is only one style can be chosen as a default one. 

 

Copying a style

To copy an already created style, open Styles section in your account and mouse over the style's badge. In a Styles action menu (in the upper right-hand corner) choose Duplicate.

 

Snippets

Snippets are saved inside each style as well as there is a set of snippets for each style. You can learn more about snippets in these articles:

 

Templates

As well as snippets, templates belong to a definite style and are being edited via Style Manager. You can learn more about templates from our article Post Templates.

 

Custom CSS

In case you want to apply additional properties to style elements that are not available in Style Manager, you can opt for Custom CSS-codes.

To do this, click the Custom CSS link in the bottom left panel of the Style Manager. In the pop-up window you can enter the CSS-code.

You can read more about Custom CSS hacks in our article Custom CSS - advanced features for your layout design.

 

 

Styles for Setka Editor free plan

You can create as many styles as you need on a Free plan. However, only 2 of them will be available: one of our preinstalled styles and one of your custom ones. To use a new custom style, disable the one that is currently active:

There are three conditions under which you plan can be downgraded to Free:

  • 14-days Demo plan expiration
  • 14-days Trial plan expiration
  • Non-renewal of your subscription plan.

To continue using several custom styles at once, renew your paid subscription. You will be able to activate your inactive styles after renewal.