welcome to emediacoach I'm your expert instructor for the Astra Pro theme and in
today's video I am going to talk to you about the spacing feature of the Astra
promoter so before we begin this video if you haven't bought the Astra Pro theme
yet and if you are using the free version of the Astra then you can go to
emediacoach.com/astra and then you'll be redirected to the Astra's
website where you can buy the pro theme so let's begin the tutorial so this is
the website unless you are going to apply all the features so let's go to
the dashboard of this website
now once you're logged in you have to go to appearance and then go to Astra
options here you will find all the pro modules available to the people who have
bought the team if you are not able to see these
activate button here then you need to buy the pro version of the theme from
Astra's website or you can also check the link in the description so in this
video I am going to talk to you about the spacing feature so before activating
this feature let me show you what what is the difference it is going to make so
let's go to the customize here and in customize
in the layout section we will see that there are a lot many of layouts on which
we can do editing so if I go to header I can see that there are a lot many
options here but there is no option to adjust the spacing of these things there
is no option to edit the padding or spacing or these things related to
spacing so let's go here and activate this spacing feature and now once I
activate this you will see that all those features will appear here so let's
refresh this
so now let's go to the layout and go to header and then go to site identity now
when I scroll down I see a spacing feature here which was not available
earlier so if I increase the size here suppose I keep it 100 you'll see that a
space of 100 has been added here similarly I can reduce the space to
anything I want and similarly I can add the spacing to the right as well to the
bottom as well and to the left as well you can also switch it to the person
instead of pixel so that it will be a distance in percent section and if you
want to change it for the mobile then you can just click this icon here and
choose it in the tablet so if I choose in the tablet mode something like this
and in the mobile version I can choose something like so this is how you can
edit it now let's go back and then go to primary header here also you'll find a
spacing option using which you can edit these things so let's choose the desktop
version
so as you can see I can edit everything using this and similarly I can add a
spacing to a specific domain so suppose I had 50 here you will see that the mean
will be shifted 50 more and similarly I can add a spacing to the submenu as well
so as you can see the submenu spacing can be adjusted using this feature so
this is how you can edit all of this and now let's go to
Blagh and before going to blog let's go to the blog page actually so you can see
in real-time that how does this looks now let's go to blog and arch here then
you'll scroll down you'll find a spacing button here so there is an option of
space outside push so suppose if I make it 50 so as you can see that this thing
has shifted a little below and as I make 800
even similarly I can add it to all of the sections here
so as see it is hundred from here 100 from
here and hundred from here as well but since there is no space left it is
behaving this way similarly you can add a spacing inside of the post as well so
if I add 50 here you will see that this is shifted to 50 and if I make it like
100 this is shifted even more so you can adjust the space here and you can also
adjust the space here in their space as well as outer space now let's go back
so now let's so now let's go to the sidebar and in sidebar when you scroll
down you'll find these options here to address the space outside the sidebar as
well as inside the sidebar so suppose I make it 10 you'll see that the space
here has been shrunk to 10 and if I mean this also 10 you'll see that this piece
here will be shrink so this is what it means by outside and inside of the
sidebar similarly you can do it to all the sections here so if I make it 10 10
10 and you'll see that I change the spacing of the sidebar so this is how
you can edit the spacing of the sidebar so let's go back and now let's go to the
footer so let's scroll down in the footer section so here you will find two
options your footer widgets and footer bar so let's enable footer but just
first
and let's go to the footer bar as well here you will find this footer space
option so if you want to edit it you can just put 30 30 30
and 30 you'll see that this piece here and this piece here has been increased
if you want to see it like new you just keep it hundred so that you
will see the rear of the friends so this is how you can edit everything now let's
go back and then go to container and here you'll find spacing options as well
so what is the container now container is the container which keeps the data of
your website so this is our website data and this is this outer thing is the
container it is keeping it so space outside the container let's keep it 50
from the top so as you can see that this space has been decreased to 50 if I make
it 10 you will see a big difference there similarly you can similarly you
can add edit the inside container space as well so if I make it 10 here as well
you'll see that this space has also been shamed now some people might get
confused between this container and this thing block but long spacing is specific
only to the blog page and else container is applicable to all the pages which are
using that container so this is how you can edit the spacing using the astre pro
blog module and I hope you like this video and it is going to help you in
understanding the spacing feature of this reproof blog module I hope it helps
you to learn more about Astra Pro and spacing module of the Astra Pro theme if
you want to watch more of videos related to our approve you can just hit the
subscribe button below because I am going to make more videos related to a
Astra Pro in the near future so that you'll be notified whenever you will be
uploading a new video and if you like this video just press the thumbs icon
below and if you want to ask any questions or if you have any suggestions
you can just comment them below or you can directly
website emediacoach.com and put it in the contact form so that we will help
you in whatever your queries or questions thank you for watching this
video. See you in the next video.