responsive settings page builder ck

Page Builder CK can manage the responsive settings to have a total control on your design, for every resolutions. The settings that you can change for each responsive resolution are

  • Font size
  • Padding
  • Margin

For example, you can do that :

  • Computer : font-size 35px, padding 40px
  • Tablet : font-size 25px, padding 30px
  • Phone : font-size 15px, padding 20px

How to do

Set your styles for the standard view on a computer, for example with a sample text : font-size 35px, padding 40px

computer styles text

Custom size for tablet

Click on the Responsive settings button to activate the responsive options. Click on the tablet resolution to select which resolution to manage.

Put your mouse over the text item, and click on the Edit the styles icon to open the responsive styles options in the left panel.

responsive styles icon

In the left panel you can set the custom font size and padding for the Tablet resolution :

responsive styles options

You can see the result with the direct preview in your content  (you can do that for the tablet landscape and portrait) :

responsive styles tablet

 

Custom size for phone

You can do the same as for the tablet, but for the phone in landscape and portrait mode. Apply a font-sze 15px and padding 20px, and see the result :

responsive styles phone

 

Fast and powerful creation, customizable and responsive.

Read More

Favorites extensions

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline