‫hey whats up guys .
‫and welcome back, so in this video be workingup with footer now?
‫I promise you that we will be first working up in the header and then we will be moving towards footer
‫because that's the most important thing.
‫So now let's go to let's get started.
‫First of all, what you have to do, you have to come up here and then you have to go to the dashboard.
‫Now, once you are in here, you have to go to the template and then you have to click theme builder.
‫So we're going to go we're going to create a new theme.
‫Our select it to be the footer.
‫And you can type here your footor name so you can type here.
‫Footer one are the footor or main are footor or just that.
‫And then you can hit create template.
‫So now what you can do.
‫You can click over here.
‫And then you can add something over here.
‫And that is going to be applied to your footer.
‫So let's suppose that if you need just the copyright sign, you can just click over here.
‫This is gonna be right here.
‫You can just add a black color over here in the background.
‫And inside this, you can go.
‫You can get the heading.
‫You can drop it here.
‫And what you can do is that you can type here, copy rights and you can align this to center and you
‫can switch this to a paragraph so that this is actually in a paragraph way.
‫And then you can hit.
‫You can hit.
‫Publish.
‫You can hit add condition.
‫You can include that to the entire website.
‫You can hit or here.
‫And now if you will visit the Web site, you will see that the Web site will have that particular footer.
‫So that's how easy it is to create a footer.
‫And this is right here.
‫But we want to make sure that we are building something that is actually looking like a footer.
‫So for e-commerce Web site, you can choose a lot of footers.
‫You can do it that way.
‫And we will be basically speeding up the process by using a template.
‫So you have to click that this button over here and it will take you to the premade templates that elementor
‫gives.
‫And you can choose pretty well so many templates that you can use.
‫So we're going to be using this one and we're going to hit insert.
‫And this is going to be inserted.
‫Now, once you've got your.
‫This particular thing, you will see that your logo will come from the database.
‫So you can just click over here.
‫You can align this to lift.
‫This is right here.
‫This these are actually the social icons.
‫These are the menus right here.
‫So you can work with the icon list.
‫You can come up here and here.
‫You can change the menu I menu title.
‫And here you can add your particular link that what you want to add.
‫So you can decide what you want to add and you can make with it.
‫Now you guys do know about it.
‫So I don't think so.
‫If I have to explain you much so you can see this is a column.
‫This is a column.
‫And these are the sections.
‫This is the heading that is coming.
‫Now, you want to change anything, you can definitely change it.
‫The thing that I'm going to be telling you is the payment method.
‫So now most of the Web sites do add the payment methods that they accept these type of payment methods.
‫Now, what are the payment minted?
‫Payment methods are some like PayPal.
‫If you accept PayPal on your Web site, if you accept credit cards, if you accept MasterCard, American
‫Express and these types of credit cards, then you can add those logos over here and it creates a free
‫trade impact on your Web site.
‫So you can go you can delete it from here and here.
‫You can add the credit card icon.
‫So for the gallery, I would recommend you to go to this particular Web site, and that is the icon
‫finder dot com.
‫This is actually a Web site that is going to give you a lot of icons.
‫And those are for free.
‫So let's go to let's get started.
‫First of all, you have to search for PayPal because that's the one we're going to be using right now.
‫And now you can go and you can choose any of these PayPal icons.
‫How am I going to be using this one?
‫You can click over here.
‫You can select it to be 64 pixels of that.
‫This is really small.
‫And then you can click download icon png.
‫And once you've got the people, I can then you have to search for MasterCard, because this is also
‫the MasterCard we're going to be using.
‫And you can use any of your logo over here.
‫You can choose pretty well anything.
‫I'm going to be using this one and you have to select it to be 64 pixel and then you have to hit downloaded
‫PNG.
‫And once you've got the MasterCard, all you have to do is to search for American Express.
‫And you're gonna want to have to look for the American Express icon.
‫This is probably the one you're going to select it to be 64 pixel and you have to done with this.
‫And last but not least is going to be the visa.
‫So you're going to search for Visa and you're going to hit enter and here is going to be that one.
‫So we're going to be using this one because this is mostly used against selected to be 64 x pixel.
‫And then you can hit download png
‫And now once you've got the icons downloaded, all you have to do is to look for the inner section and
‫you have to drop it here.
‫And you can see now we've got the section ready.
‫Now, what you can do, you can duplicate it and you can duplicate it once more that we've got four
‫columns over here because we have got four icons.
‫Then you can come up here and then you can set the padding to be zero so that there is no spacing.
‫Seems like this.
‫You can just come up here, you can click over here and you can come up here and you can set the margin
‫to be zero.
‫So that there is no padding that way as well.
‫And now we've got this.
‫And now what you can do.
‫You can go and you can look for the image.
‫You're going to drag the image over here.
‫This is gonna be the first image and then we're going to worry for that.
‫First of all, you have to choose the image and you have to choose your main logo.
‫That's going to be the people.
‫It's gonna be right here.
‫Now, what you have to do, you have to either you can go and you can duplicate it.
‫Okay.
‫And you can duplicate it once more.
‫And you can duplicate it once morning.
‫And see, this is right here.
‫Now, you can drag this here.
‫You can drag this over here and you can drag this over here.
‫And this is how it's looking.
‫Now, what you can do, you can click over here.
‫You can change the image.
‫You can change this image to be the MasterCard.
‫You can change this image to be the visa.
‫And you can change this image to be.
‫The American Express.
‫Oh, sorry, I have to change this to basically the American Express over here.
‫And this is right here.
‫Now you can see that our payment options are now coming totally perfect.
‫So now what you can do.
‫You can go ahead and you can work with these sizing of fit.
‫Okay.
‫And you can really with it.
‫So first of all, we're going to want to have to select go to the navigator and inside this navigator.
‫Very we are working with this particular section.
‫So inside this section, we've got two columns.
‫This is a one column that is holding this.
‫And then this is a column that is actually holding the inner section.
‫So we have to select this column.
‫And we have to go to the layout and we have to decrease the size of it.
‫So you have to basically decrease the size of that.
‫It just gets shrink.
‫Just like that.
‫And you can see now it's fully shrink.
‫And this is how it's looking.
‫So if you go now and you just publish it, you can see there is nothing you need to do and now you can
‫go and you can hit update.
‫So once you hit update and you come up here and you refresh this Web site, you will see that the Web
‫site is now like this.
‫And this is how it's looking.
‫So we have got the logos for the payment options.
‫Our board right here as well.
‫Same like this.
‫What you can do is that you can click over here and you can go to the edit column and you can send the
‫padding to be zero so that this is full in size.
‫And then what you can do, you can copy the style of this column.
‫You can come up here and you can paste these style over here and you can come in here and you can basically
‫it here and you can come up here.
‫Dingan bases Sal over here so that these are actually full in size.
‫Okay.
‫And this is how it's looking.
‫So if you want it that way, you can definitely do it.
‫And then you can work with it.
‫So you can now go ahead and you can hit update.
‫And now you can come in here and you can refresh and you will see that there will be no spacing and
‫it will be actually bigger in size.
‫But I would recommend you to have some spacing at approximately if you can have five pixel.
‫That's going to be totally fine.
‫So we're going to be going up with the five pixel to every side.
‫Now, once you've got it, all you can do is that you can hit update.
‫So now let's talk about the color.
‫So you can see that we are using the red color in the background.
‫Now, I would recommend you to all stick to a footer and use a color that is not harsh to the
‫eyes, because you can see that if I just go, oh, sorry, if I just go and I just click edit section
‫and then I go to this style over here and I choose it to be the red color, then you will see that this
‫will be really very harsh to my eyes and I would not be able to view it properly.
‫So you can see how harsh it is.
‫And that is why I would always recommend you to switch to a great color.
‫So that's your website should be looking much better.
‫Now, once you've got it, all you've got to do is to copy the color code.
‫You can come here, you can go to the edit section, and then you can go to the style of it here and
‫you can paste these style.
‫So once you've got it, all you've got to do is just sit update.
‫And now if you come up here and you refreshed the website, you will see that your footer will be fully
‫done just like that.
‫And this is looking kind of looking cool.
‫So stay tuned guys.
‫And in the next video, we'll be talking about more stuff like.