coffeecup responsive site designer dropcap

#COFFEECUP RESPONSIVE SITE DESIGNER DROPCAP GENERATOR#
#COFFEECUP RESPONSIVE SITE DESIGNER DROPCAP SERIES#

Space can be added between words with the word-spacing control. The second control adds space between all the letters of the text element. The text-indent controls the indentation of the first formatted line of the block. The three different Spacing icons show the effect of each of the controls on the text. Underline and overline decorations are positioned under the text, line-through over it. Text-decoration sets the text formatting for the selector to underline, overline, or line-through. It can be used to make text appear in all-uppercase, all-lowercase or with each word capitalized. The text-transform control can be used to specify the capitalization of an element's text. There are a couple more typographical controls available. Left, right, center and justify are the available options. The last control visibile in the image can be used to align the text. The text element can also be set to be displayed in italic and small caps.

The color of the font can be changed by clicking on the little color tile - white in the image - next to the drop. The next controls can be used to change the font-size, font-color and line-height for the active selector. The Class (name) is a variation from the default Type settings. For example, if all your paragraphs will have the same font type or color. The Type is the default styles you want for the specific element. Let’s quickly go over an example using the class selector. Or to apply the design rules to a newly added element without having to redefine all these rules. This is incredibly powerful because it makes it fast and easy to give multiple elements the same appearance. This section will serve as your guide.Ī selector defines - ’selects’ - the elements to which a set of CSS rules applies. However, to get the most out of our apps - to speed up the design workflow and make it easy to maintain any projects - we do recommend to slowly start accustoming yourself with the apps selector system. Our responsive apps can also automatically create selectors. If you never heard about or worked with selectors before, no worries. It will still help to give this section a quick read and, for example, familiarize yourself with the color coding system for the different selector types. The Design pane is the element command center for all of the layout and design traits you want to implement.įor those that have been working with selectors before, the workflow in Responsive Email Designer will feel intuitive and powerful. All CSS style properties are available through a set of intuitive design controls creating tremendous design powers! The Design pane's second part for adding Style(s) - for specifying the way the selected element looks. More importantly, this is also where you specify Class and ID names for recurring content styles. Here you can specify, for example, the link of a button or provide alt text for an image. The top-part - the Element part - is for 'configuring' the selected element. The Design pane consists of two major sections. Although this makes the emails display as consistent as possible across the various email clients, there are things that certain email clients simply can’t do though. The scripts used by ECG are frequently updated, and reloaded by RED when possible.

#COFFEECUP RESPONSIVE SITE DESIGNER DROPCAP GENERATOR#

The email client specific code that reinforces display consistency is added upon exporting or sending by the unique Email Code Generator (ECG). The editing and live preview area resembles a website, and the controls are very similar to our other responsive apps. The editing environment looks and feels like you are designing a website in a browser! But although this is very unlike modern web design, RED does an amazing job in making it seem that way.

#COFFEECUP RESPONSIVE SITE DESIGNER DROPCAP SERIES#

To increase display consistency, HTML emails are constructed from a series of nested tables and inline CSS, often supplemented with HTML attributes and conditional display rules. Without the proper tweaks and precautions, automagically added by RED, even would display emails differently than desktop relatives like Outlook 2010/13. While web browsers (mostly) adhere to web standards and use the same display rules, the opposite is true for mail clients.

Before you start designing your newsletter or email, or start tweaking one of the themes, it is important to realize that designing an HTML email is nothing like building for the modern web.

Coffeecup responsive site designer dropcap