In Readz, a lot of your choices on one device can have effects on other devices. A good example of these choices is styling your elements. Here’s an example. You’re working on the desktop view of a page and you add a textbox element then copy and paste some text into that textbox element. The Readz system automatically performed the same action on the other two devices, phone and tablet. That’s great! Now it’s time to style this text. Here’s where this feature comes in. To style the text, you select the textbox element and open the font styling panel. At the top of the panel, you’ll see an option called ‘Styling Version’. This styling version option gives two options: all and the device you are viewing. Here’s what each option means…
Styling Version: all Any settings applying to the element while the toggle is set to all will apply those settings to the element simultaneously on all devices. For example, you’re looking at the desktop view of a page, and you’re on the font-styling panel. The styling version option is set to all, so changing the font color of your textbox element to blue will change the font color to blue for the desktop, the phone, and the tablet. An element has different options. Those being font styling (font size, font color, font type, etc.), element style (background color, borders, padding, etc.) and actions (external link, go to page, etc.).
You have the option to have styling version be different for each option, giving you tons of flexibility in how you want your elements to display across devices.
Styling Version: device specific
Represented as the device you’re currently viewing (desktop, tablet, or phone), this toggle allows you to make changes to the element without affecting the other two devices you currently are not viewing. Usually, properties like font-size and line-spacing tend to be the font styles that are unique. This is always a design choice made, where especially on the phone device some extra attention may be required to have text be as readable as possible.
Reverting an element back to ALL If you have an element that is set to “styling version: this device only”, you can set it back to “ALL” to make the element on all devices copy the settings of the device you’re currently viewing.
Flexible way to set styles and actions to your element across devices or just on a specific device
Back to Menu
DELIVER BETTER CONTENT EXPERIENCES
DELIVER BETTER EXPERIENCES
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES