Do It Yourself – Website Tutorials

Bluehost hosting that I use for my websites: http://www.bluehost.com/track/melissaalexandria/
The Divi WordPress Theme: http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=44592&url=38326 Want me to design your blog / website for you? I charge $1500 for a basic site including about page, contact page, blog page. Send me an E-mail at [email protected] to get started!

Here is the accompanying blog post to this video: http://melissaalexandria.com/how-to-create-your-own-website-in-90-minutes/

Hi! I’m Melissa and I created this step-by-step tutorial to help you start your brand new blog or online business. Not knowing how to use wordpress or set up a website keeps many people feeling stuck or afraid to launch their great idea for a blog/online business.

IMPORTANT: The PAUSE button will be your best friend for this tutorial video. I do go through the steps quite quickly, so I recommend clicking the pause button after each step – then completing the step and press play and continue to the next step.

Also, this tutorial is meant to familiarize you with wordpress and the divi theme so that you get practice and start feeling comfortable with designing your own site. If you don’t know exactly how you want your site to look yet, I recommend following along with me and creating the demo site on your new site for practice.

Custom CSS Snippets I used in this video – be sure to copy them in their entirety.

1) To Remove the thin grey line under the menu bar in Divi:

/* Remove the line below the normal Divi menu */
#main-header {
box-shadow: none !important;
}

/* Add this, too, if you want to remove the
shadow underneath the fixed Divi navigation bar */
#main-header.et-fixed-header {
box-shadow: none !important;
}

2) To Remove the thin grey line between the main section and sidebar in Divi:

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

3) To add space between menu items in Divi:

ul#top-menu li.menu-item:not(:last-child) {
padding-right: 175px !important;
}
#et_top_search {
margin-left: 175px !important;
}

I wish you all the best with your new website!

Instagram: @melissaalexandria01
facebook.com/melissaalexandria01

Have A Beautiful Day!

source