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.).
unnamed
Font Style
img_2
Element Style
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.
img_4img_3
Actions
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.
Styling Version
Flexible way to set styles and actions to your element across devices or just on a specific device
web element- menu web element- blue menu
Back to Menu
LEARN MORE
DELIVER BETTER CONTENT EXPERIENCES
web element- close
SUBSCRIBE
label 1
Email:
readz logo
SUBSCRIBE
readz logo- bold
web element- close
DELIVER BETTER EXPERIENCES
LEARN MORE
readz logo- mobile
twitter logo
facebook logo
linkedin logo
readz logo
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
VISIT READZ.COM
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES
readz client- nonprofit readz client- health care readz client- sporting goods readz client- financial readz client- legalreadz client- technology readz client- mediareadz client- hospitality readz client- telecommunications readz client- outdoor advertising nurse.com_whitelogoAshley-Stewart-Logo_white
label 1
Email:
SUBSCRIBE
readz logo- mobile twitter logopink twitter logofacebook logopink facebook logolinkedin logopink linkedin logo
Share:
pinterest logopink pinterest logo
USING READZ
BEST OF
LATEST