{"id":10195,"date":"2016-03-22T15:15:06","date_gmt":"2016-03-22T09:45:06","guid":{"rendered":"\/?p=2632"},"modified":"2018-06-02T15:07:19","modified_gmt":"2018-06-02T09:37:19","slug":"how-to-use-the-flexi-style-or-jugaad-in-convertplug","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-use-the-flexi-style-or-jugaad-in-convertplug\/","title":{"rendered":"How to use the Flexi Style \/ Jugaad in ConvertPlus?"},"content":{"rendered":"<p>ConvertPlus is known for the beautiful readymade templates it offers and the 100% customizable designs that can be used.<\/p>\n<p>For those who wish to see a little more flexibility in a design by simply using the customizer, ConvertPlus offers a Flexi Style.<\/p>\n<p>Let us take a look at how you can use the Flexi-style in ConvertPlus<\/p>\n<p>Selecting the Flexi-style in ConvertPlus.<\/p>\n<p>1. Open the Modal Popups page<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-Modal-Popup.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2640 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-Modal-Popup.jpg\" alt=\"Select Modal Popup\" width=\"2048\" height=\"1200\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p>2. Create New Modal<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-New-Modal-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2634 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-New-Modal-in-ConvertPlug.jpg\" alt=\"Create-New-Modal in ConvertPlus\" width=\"2048\" height=\"1174\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p>3. Select the Flexi-style, named Jugaad<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-Flexi-style-among-templates.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2635 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-Flexi-style-among-templates.jpg\" alt=\"Select Flexi style among templates\" width=\"2048\" height=\"1201\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p><span style=\"text-decoration: underline\"><strong>Options in the Editor<\/strong><\/span><\/p>\n<p><strong>Modal Layout<\/strong><br \/>\nThe Modal Layout section allows you to select a layout for the entire modal popup. Through this, you can set the alignment, the position of image, text and the form.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Modal-layout-settings-for-Flexi-style.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2636 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Modal-layout-settings-for-Flexi-style.jpg\" alt=\"Modal layout settings for Flexi style\" width=\"2048\" height=\"1259\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p>The image below will give you an idea of the alterations you can do with the layout in this style<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/flexi-style-layouts-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2686 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/flexi-style-layouts-in-ConvertPlug.jpg\" alt=\"flexi style layouts in ConvertPlus\" width=\"2056\" height=\"1300\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p><strong>Background Color<\/strong><br \/>\nUnlike the other modal popups, that can have a single background color or an image, the Flexi-style has two separate parts; the form and the content. You can change the background colors of both these parts, or insert separate images in them.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Change-background-color-in-Flexi-style-of-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2638 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Change-background-color-in-Flexi-style-of-ConvertPlug.jpg\" alt=\"Change background color in Flexi style of ConvertPlus\" width=\"2048\" height=\"1259\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p><strong>Form Separator<\/strong><br \/>\nThis attribute allows you to format the separator seen between the form and the content. You can select a triangle, clouds or a round split. The separator is a straight line by default.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Form-Separator-settings-in-ConvertPlug-editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2637 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Form-Separator-settings-in-ConvertPlug-editor.jpg\" alt=\"Form-Separator settings in ConvertPluseditor\" width=\"2048\" height=\"1259\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n<p>There are 4 types of separators you can use in such modules. The image below shows how the above modal will look using different form separators.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Form-Separators-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2687 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Form-Separators-in-ConvertPlug.jpg\" alt=\"Form Separators in ConvertPlus\" width=\"2056\" height=\"1300\" title=\"How to use the Flexi Style \/ Jugaad in ConvertPlus?\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ConvertPlus is known for the beautiful readymade templates it offers and the 100% customizable designs that can be used. For those who wish to see a little more flexibility in a design by simply using the customizer, ConvertPlus offers a Flexi Style. Let us take a look at how you can use the Flexi-style in [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[20],"docs_tag":[],"class_list":["post-10195","docs","type-docs","status-publish","hentry","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":4,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10195\/revisions"}],"predecessor-version":[{"id":22116,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10195\/revisions\/22116"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=10195"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=10195"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=10195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}