Set The Home Page with wix.com

okay so now we are going to start decorating the website I will I first of all I’m going to set the image background so I go here in the content area and you will have this option change image background and I will go for the image and I’ll search here for the word fashion okay you can go to Wix media you can go to shot or you can go to unsplash this results comes from which this results come from unsplash this from the Shutterstock it read
appends on what you want I’m going to prepare to have the background not very colourful not to have it very striking and make sure that I’m going to focus on the contents a little bit so I’m going to select this one maybe and press change background and the good thing about Wix here or about this platform that you can undo redo you can change anything you want at any time so here I just set the background and I can look at the menu and maybe even
I was very striking so I can select this menu that I just created I go to this design button which this pen and I’ll go for custom design or even choose a different design maybe a lighter one like this one and I will still go to custom design and I’m going to maybe go to the text and you see here that you have regular hover and clicked so that’s the text when it’s hovered and that’s the text when it’s clicked they are all in blue regular may be
in black and this is in blue it really depends if you want to do maybe you can change the hover but hover is not a very used a function now because most of the websites we’re talking about from 75 to 80% are accessed through mobile and you cannot hover using your finger on your smartphone so hover is not very accounted but it is an option and if you want to change it you can change this color maybe to great so that’s going to be when it’s hovered
when I hover on it by the mouse if you are using on a laptop again I can change the text maybe railway looks better and that’s for the text you can go back here for the fill color it’s white in that case on the regular thing you can make this is for the drop down there is no fill on this model or on this screen and I’m going to reduce the size doesn’t have to be big okay and let’s preview this so this is what we have now of course product and
contact us are still not there so let’s create our text box maybe I’m planning to have three text boxes at the bottom here somewhere so I will go on the plus sign first of all I will have to have a box so go for the box and make it a regular white box yay big for example I’m going to put it a little bit lower not to overlap on the model and here again I’m going to go for the plus sign and customize and maybe for the fill and opacity this is the
background which is white I’m going to reduce maybe to 35% or 36 I mean within these percentages then I’m going to click again and go to the text and go for a paragraph and I’m going to add a paragraph here and as you can see I can reduce the size to be contained inside and as you can see these attach the box so now you attach it to the box and I’m going to maybe let it start here and leave some room at the top room at the top for the title of
this box if there is a title okay it really pens on the contents that you are going to have in your website maybe I’m going to you to introduce something and maybe I’m going to leave room down there for view more another button that I’m going to help okay and I’m going to go for the plus sign again maybe another title let’s go for this big title or maybe this classic quote go let’s see yeah this one pleasant title is nice so let’s go here and
again I’m going to reduce the size here and as you can see I’m attaching it I just click on the box and hover on the bigger box in the background just to attach it so when I move these they’re going to move together I’m sorry I need to click on this box when I move they were going to move together okay so maybe I’m going to have text like this and maybe this text of course you we will worry about the content and what to write but I’m just
structuring how it’s going to be then I’m going to copy this and click anywhere and control-v or command-v ctrl C to copy ctrl V to paste or command V if you’re using mac so here I’m going to have another one and ctrl V one more time and maybe a third box okay and I can just make this one in the middle to make sure they are equally distributed voila so I have this now I have three titles maybe I’m gonna have sections here I’m not sure yet but
most likely now I’m gonna have here maybe and the header at the top I’m going to have another title and maybe I’m going to have this one up there and that’s going to be the title of my website which i would call it fashion City and I have a dis Frenchie script title I’m going to make it bigger I need to highlight the text and make it bigger and let’s go here again as you can see the header is expanded you can control it back if you want and
that’s going to be the fashion city see it’s very simple everything goes as you want okay and let’s save this and preview well that’s what I have now press down on the save I haven’t published anything yet I’m just in the trial phases of the website and I just want to make sure that everything works so let’s go back to editor and again I’m here I’ll end it in the product page which is still not there but I go back to the pages and go to the home
page and here you have the first thing done or the first structure maybe this fashion city I will see I’m going to deal with it is it going to stay in black or I’m going to edit the text and change the colors of the text maybe something purplish as long as I’m going to go for fashion for ladies or if I have fashion for men is going to be men’s section women’s section we will see