{"id":5549,"date":"2020-06-04T18:21:21","date_gmt":"2020-06-04T18:21:21","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=5549"},"modified":"2020-06-05T11:57:00","modified_gmt":"2020-06-05T11:57:00","slug":"row-background-styles-ultimate-addons","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/ultimate-add-ons\/row-background-styles-ultimate-addons\/","title":{"rendered":"Row Background Styles &#8211; Ultimate Addons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"primary\" class=\"content-area bsf-options-form-wrap grid-parent mobile-grid-100 grid-75 tablet-grid-75\">\n<p>&nbsp;<\/p>\n<header class=\"entry-header\">\n<div class=\"docs-single-title\">\n<h1 class=\"entry-title\">Row Background Styles<\/h1>\n<p id=\"breadcrumbs\"><a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/docs-archive-ultimate-addons\/\">Docs<\/a> \u00bb <a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/ultimate-addons-elements-archives-ultimate-addons\/\">Ultimate Addons Elements<\/a> \u00bb <strong class=\"breadcrumb_last\">Row Background Styles<\/strong><\/p>\n<\/div>\n<\/header>\n<div class=\"entry-content bsf-entry-content\">\n<p>Ultimate Addons offers creative background styles for a row. You can put attractive background images, parallax, row separators, etc. and add nice overlay effects.<\/p>\n<p>Have a look at the <a href=\"https:\/\/ultimate.brainstormforce.com\/backgrounds\">demo<\/a> to see how creatively background styles can be used.<\/p>\n<p><strong>Note<\/strong>: Make sure to enable <strong>Row backgrounds<\/strong> option from backend under <strong>Ultimate &gt; Elements<\/strong>.<\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6.png\" rel=\"attachment wp-att-5782\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5782 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6.png\" alt=\"\" width=\"1655\" height=\"841\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6-300x152.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6-1024x520.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6-768x390.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-6-1536x781.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a>Once you enable this module \u2013<\/p>\n<ul>\n<li>Row background styles will be available with WPBakery Page Builder\u2019s native row settings.<\/li>\n<li>Edit the row and you will see two new tabs \u2013 Background and Effect<\/li>\n<\/ul>\n<h5><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs.png\" rel=\"attachment wp-att-5788\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5788 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs.png\" alt=\"\" width=\"1655\" height=\"841\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs-300x152.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs-1024x520.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs-768x390.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-row-background-tabs-1536x781.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a>1. <strong>Background<\/strong> tab<\/h5>\n<p>You will see the following options under this tab \u2013<\/p>\n<ul>\n<li><strong>Single Color<\/strong>: Add a single plain color to suit your website color theme.<\/li>\n<li><strong>Gradient Color<\/strong>: Mix the colors to create a nice gradient color theme for a row. Add a position for the colors and then choose a color from the palette. Choose Gradient Type ( Vertical, Horizontal, Custom ) to set angle for colors. (<a href=\"https:\/\/cl.ly\/ae9fdeb87a4b\">Video<\/a><\/li>\n<li><strong>Image \/ Parallax<\/strong>: Put a simple background image or add a parallax effect. In Parallax effect, when you scroll the page, background image, and content that you have added on the image, move with different speed.<br \/>\nThere are various Parallax Styles available with this option. Refer a<a href=\"https:\/\/ultimate.brainstormforce.com\/docs\/image-parallax-background-style\"> detailed article<\/a> for this.<\/li>\n<li><strong>YouTube Video<\/strong>: Place a YouTube video link as a background. Other video options like Placeholder Image, Start Time, Stop Time etc.give more control over a video display.<\/li>\n<li><strong>Hosted Video<\/strong>: You even put your personal hosted videos in MP4 \/WebM \/ Ogg Format.<\/li>\n<\/ul>\n<h5><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-background-styles.png\" rel=\"attachment wp-att-5789\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5789 size-full aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-background-styles.png\" alt=\"\" width=\"616\" height=\"624\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-background-styles.png 616w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-background-styles-296x300.png 296w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/a><\/h5>\n<h5>2. <strong>Effect<\/strong> tab<\/h5>\n<p><strong>Note<\/strong> that Effect options will be dependent on the Background Style selected.\u00a0 Effect tab offers the following options to highlight your row \u2013<\/p>\n<ul>\n<li><strong>Easy Parallax<\/strong>: If enabled, the elements inside a row \u2013 will move slowly as user scrolls.<\/li>\n<li><strong>Fade Effect on Scroll:<\/strong> The content inside a row will fade out slowly as the user scrolls down.<\/li>\n<li><strong>Enable Overlay:<\/strong> Add an overlay to the row with different patterns and colors.<\/li>\n<li><strong>Separator:<\/strong> Various attractive row separators are available. Refer a detailed article <a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/knowledgebase\/how-to-add-row-separator-ultimate-addons\/\">here<\/a><\/li>\n<li><strong>Hide Row:<\/strong> Row can be hidden on various responsive devices.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-effects-settings.png\" rel=\"attachment wp-att-5790\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5790 size-full aligncenter\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-effects-settings.png\" alt=\"\" width=\"616\" height=\"624\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-effects-settings.png 616w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-effects-settings-296x300.png 296w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/a><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Row Background Styles Docs \u00bb Ultimate Addons Elements \u00bb Row Background Styles Ultimate Addons offers creative background styles for a row. You can put attractive background images, parallax, row separators, etc. and add nice overlay effects. Have a look at the demo to see how creatively background styles can be used. Note: Make sure&hellip;<\/p>\n","protected":false},"author":2,"featured_media":5703,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[41,48],"tags":[],"class_list":["post-5549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ultimate-add-ons","category-videos-ultimate-add-ons","category-41","category-48","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=5549"}],"version-history":[{"count":11,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5549\/revisions"}],"predecessor-version":[{"id":5793,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5549\/revisions\/5793"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/5703"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=5549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=5549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=5549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}