{"id":1098,"date":"2020-02-09T02:01:32","date_gmt":"2020-02-09T02:01:32","guid":{"rendered":"https:\/\/essentials.pixfort.com\/original\/?page_id=1098"},"modified":"2024-02-11T01:39:08","modified_gmt":"2024-02-11T01:39:08","slug":"highlight-box","status":"publish","type":"page","link":"https:\/\/essentials.pixfort.com\/original\/highlight-box\/","title":{"rendered":"Highlight box"},"content":{"rendered":"
[vc_section pix_over_visibility=”” css=”.vc_custom_1581216836458{padding-bottom: 80px !important;}”][vc_row pix_particles_check=””][vc_column content_align=”text-center”]Simple & Clean<\/span><\/span><\/span> Create beautiful and perfectly clean highlight box.<\/span><\/p><\/div>[\/vc_column][\/vc_row][vc_row pix_particles_check=””][vc_column offset=”vc_col-md-offset-2 vc_col-md-8″ css=”.vc_custom_1610241511004{margin-top: 60px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: dashed !important;border-right-color: rgba(0,0,0,0.1) !important;border-right-style: dashed !important;border-top-color: rgba(0,0,0,0.1) !important;border-top-style: dashed !important;border-bottom-color: rgba(0,0,0,0.1) !important;border-bottom-style: dashed !important;border-radius: 10px !important;}”] *Highlight Box is a custom pixfort element in WPBakery since WPBakery doesn\u2019t have flexible column options. In Elementor, it\u2019s possible to create a similar structure of this element using an inner section with 2 columns (or using containers).<\/span><\/p><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section full_width=”stretch_row” pix_over_visibility=”” css=”.vc_custom_1581216888842{border-top-width: 1px !important;padding-top: 80px !important;padding-bottom: 80px !important;border-top-color: #e9ecef !important;border-top-style: solid !important;}”][vc_row pix_particles_check=””][vc_column css=”.vc_custom_1580913185779{padding-top: 20px !important;padding-bottom: 20px !important;}”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<\/span><\/p><\/div><\/i> Create your website<\/span><\/a><\/i> Contact us<\/span><\/a><\/div><\/div>\n[\/vc_column][\/vc_row][\/vc_section][vc_section full_width=”stretch_row” pix_over_visibility=”” css=”.vc_custom_1581216227549{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}”][vc_row pix_particles_check=””][vc_column css=”.vc_custom_1580913185779{padding-top: 20px !important;padding-bottom: 20px !important;}”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<\/span><\/p><\/div><\/i> Create your website<\/span><\/a><\/i> Contact us<\/span><\/a><\/div><\/div>\n[\/vc_column][\/vc_row][\/vc_section][vc_section full_width=”stretch_row” pix_bg_grdient=”bg-gradient-dark” pix_over_visibility=”” top_divider_select=”dynamic” top_moving_divider_color=”%5B%7B%22d_gradient%22%3A%221%22%2C%22d_color_1%22%3A%22%238209ed%22%2C%22d_color_2%22%3A%22%2312e58d%22%7D%2C%7B%22d_gradient%22%3A%221%22%2C%22d_color_1%22%3A%22%23ff3067%22%2C%22d_color_2%22%3A%22rgba(39%2C145%2C244%2C0.56)%22%7D%2C%7B%22d_color_1%22%3A%22%23f8f9fa%22%2C%22d_color_2%22%3A%22%23f8f9fa%22%7D%5D” t_flip_h=”true” pix_visibility=”1″ css=”.vc_custom_1581731293021{padding-top: 140px !important;padding-bottom: 120px !important;}” t_custom_height=”100px”][vc_row full_width=”stretch_row” pix_particles_check=”” pix_visibility=”1″][vc_column content_align=”text-center” offset=”vc_col-lg-offset-1 vc_col-lg-10″]Easy to use<\/span><\/span><\/span> Add any element you want to the Highlight box.<\/span><\/p><\/div>[\/vc_column][\/vc_row][vc_row pix_particles_check=””][vc_column css=”.vc_custom_1580913185779{padding-top: 20px !important;padding-bottom: 20px !important;}”] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<\/span><\/p><\/div><\/i> Create your website<\/span><\/a><\/div>Create <\/span><\/span> Clean <\/span><\/span> Highlight <\/span><\/span> Box <\/span><\/span> <\/h2><\/div>
Create <\/span><\/span> anything <\/span><\/span> you <\/span><\/span> want <\/span><\/span> using <\/span><\/span> Highlight <\/span><\/span> box. <\/span><\/span> <\/h2><\/div>
Create <\/span><\/span> anything <\/span><\/span> you <\/span><\/span> want <\/span><\/span> using <\/span><\/span> Highlight <\/span><\/span> box. <\/span><\/span> <\/h2><\/div>
Unlimited possibilities<\/h6>
Live chat support<\/h6>
This is just the beginning<\/h6>
Create <\/span><\/span> anything <\/span><\/span> you <\/span><\/span> want <\/span><\/span> using <\/span><\/span> Highlight <\/span><\/span> box. <\/span><\/span> <\/h2><\/div>
Add <\/span><\/span> any <\/span><\/span> PixFort <\/span><\/span> Element <\/span><\/span> to <\/span><\/span> your <\/span><\/span> Highlight <\/span><\/span> box <\/span><\/span> <\/h2><\/div>
It's <\/span><\/span> just <\/span><\/span> the <\/span><\/span> beginning! <\/span><\/span> <\/h1><\/div>[vc_row_inner][vc_column_inner width=”1\/2″]
+<\/span>0<\/span><\/span><\/h1><\/div>
Unique demos<\/h6><\/div><\/div>\n[\/vc_column_inner][vc_column_inner width=”1\/2″]
+<\/span>0<\/span>K<\/span><\/h1><\/div>
Happy customers<\/h6><\/div><\/div>\n[\/vc_column_inner][\/vc_row_inner]