Up next in 10
How To Change Sections & Rows Backgrounds in WPBakery Page Builder WordPress Plugin_
2K views
Oct 27, 2023
"In this informative video, you'll learn the art of customizing your website's look and feel with the WPBakery Page Builder WordPress Plugin. Discover how to effortlessly change section and row backgrounds, allowing you to create visually stunning and dynamic web pages. Whether you're a WordPress enthusiast or a website owner looking to enhance your site's aesthetics, this video is your guide to mastering the art of background customization with WPBakery Page Builder."
View Video Transcript
0:00
What's up guys here is Claudio from VisualModel WordPress Teams and in today's video we're going to learn how to apply backgrounds into RAWs and sections using WPBakery Page Builder WordPress plugin in a simple, fast and effective way into your WordPress website
0:15
But before I can continue, please take a moment to hit the subscribe button, like this video, and share this content if a friend of yours
0:21
I have no idea how much it will help us because we bring daily videos about WordPress, SEO plugins, optimizations, and many, many more topics
0:28
Not to use internets on our sites favor. So let's get this started
0:33
Very first thing to do, make sure you have WPBakery WordPress plugin installed, okay
0:37
After this, go to a page or a post that you would like to edit
0:41
In my case, I'm going to be creating a new page to serve as an example. Click right here into edit with WP bakery so we can load the WordPress classic editor
0:53
Now we can choose from back end or front end. I will start onto the back end in order to make it simple to understand
1:00
So click into the back end mode. Now we're going to have some options right here
1:04
We can add elements, add text block and add templates. I would like to add a text block
1:11
As you can see the text block is inside a raw. is this part right here where you can choose the columns for example I will
1:18
edit this text block just to make it bigger okay I'm gonna make this an age
1:24
one to make the content bigger okay now what if so let me just preview the page
1:31
so I can show you the page so here is my block as you can see it's a dark test
1:38
into a white background how and what if if I want to apply a background color to
1:44
this text for example what to do click into this plus button to dispense your
1:49
bottom right here that if you hover over and stop your mouse over it then I see a
1:53
text called it edit this raw click on it now move to design settings don't move
2:01
to backgrounds you if you are using a visual model WordPress team you gonna have this option this new tab right here called background but we going to keep attention into design options that is default So independent if you using or not a Visual Moto WordPress team
2:15
you're going to have this option right here, design options. Now, we have an option called background into this right sidebar right here
2:26
Can you see? Right here, we can change the paddings, the margin, the sizing effects
2:32
but let's focus into this right sidebar right here border color border style border radius and
2:38
background so here is where i'm gonna choose my background as you can see let me make this column
2:44
bigger we have some options right here okay you can choose the background color we can choose the
2:50
intensity of the color and we can choose some transparency i'm gonna show this later into
2:54
another opportunity but if you want to the background color be more transparent you can
3:01
set right here if you want the background color to be less transparent you set right here as well
3:06
so let me choose a background color right here let me pick this one save change and let's review the
3:12
result as you can see we have a text with a background color however the background color
3:20
did not takes the full screen and why because we need to change this raw to be a full screen raw
3:27
once again it did the raw now on general raw stretch the full stretch raw simple
3:34
right so now if you go to the raw it's for widget nice right and what if if I
3:43
want to apply some image to this raw same location it did raw design options
3:49
click into this plus button right here next to the background now choose some
3:55
image to be your background image let me try to find one I think this one is nice
4:04
the image is right here now don't forget to change this option right here to
4:08
cover it my favorite option you can test other but I think this one fits better the images Okay so click into cover Save change and let preview the results
4:21
Here is the image. Oh the text. It's almost unreadable So how to what to do we can go to the text block click into the edit
4:32
Go to the text and change its color. Okay to make the text to be
4:36
into the white color what else we can do we can go to the edit raw once again now on general we
4:49
can make it a full H raw let me save change so you can see the difference as you can see the text
4:58
now is taking all of my screen as the image and here we have a background image to our raw and
5:07
what if we want to apply a background video into the wp bakery we're gonna do a video explaining
5:14
all of this we have a video explaining this into our youtube channel i'm gonna try to leave the
5:19
link into the description below but you can always search into the youtube try to use the term for
5:25
example wp bakery video background visual model and you're gonna find our video we have video for
5:31
almost anything about wordpress we have up to thousand videos so if you want to apply a video
5:37
you need to go to the general settings okay screw it down just a little bit until you can find this
5:43
option right here use video background now enter to your youtube video url right here it must be
5:51
a video hosted on YouTube and save change if you do this let's go to the preview
5:57
can you see that for a moment the WP bakery loaded the background image we did set it's
6:09
because and then it loads the video it's because on mobiles and most mobiles YouTube don't play
6:17
videos as background elements So YouTube do not let websites does it So you may have to be an image in order to have a video the image gonna be loaded on mobile devices
6:28
and the video gonna be loaded into your desktop into bigger computers or
6:33
tablets in some cases so here is the video and it is I hope you guys enjoyed
6:38
this video feel free to use the comment section below in the case that you have
6:41
any question don't forget to check out the borderless WordPress plugin in
6:46
in order to gain widgets, elements, templates, and tools to build up your site using WPBakery, Elementor, or Block Editor
6:53
the Gutenberg, and even pre-built-up sites that you can import with a single click. And this plugin is absolutely free
7:00
Moreover, in the case that you need of an amazing WordPress team to customize your site and take control of it
7:06
and gain pre-built-up sites and templates that you can import with a single click
7:10
go to your WordPress dashboard, appearance, themes, add new, search for Enzu WordPress team
7:15
click on install and activate it moreover in the case that there are needs of receiving guest posts
7:21
of doing guest posts of promoting your site go to our new project brand the growth.net okay so
7:30
just go right here you can submit your site to be part of this list and promote your site
7:35
absolutely free like these persons are here are doing okay so a lot of people are going to be able
7:41
to see your site find your contact and maybe give you some guest posts or some
7:46
kind of promotion so it is and as a final Nazi if you want your site up and
7:51
running faster go to visualmodel.com purchase the visual model pass and go
7:57
premium in order to unlock access to our templates library or full support
8:01
premium like complex blocks templates and those amazing prep built up size that
8:07
can import with a single click change your logotype some text and have a
8:11
ready website rolling from the beginning and it is hope you guys enjoyed this
8:15
video and i see you tomorrow all the best
#Skins
# Themes & Wallpapers