Skip to content

1) Is This Theme Free?

Absolutely! Read more here.

2) Does This Tutorial Apply, if I Am From US, UK, Australia, India, Malaysia, Singapore, Canada?

Yes, of course. This tutorial and the site you build applies to all countries on earth. Once your website is up, everyone in the world can access your website 24/7 365 days a year. Including public holidays 🙂

3) How Do I Get Rid of That HUGE Space on the Blog Page/Post?

First things first, Please Go to “edit page which is the back end to the actual page you want to fix” then > Themify Custom Panel > Theme Appearance – change the header background to “transparent header”.
http://screencast.com/t/lZtAI8Gy

Then, Paste this code into the Customize > Custom CSS:

.transparent-header #pagewrap{
padding-top: 60px !important;
}
.single-post #pagewrap{
padding-top: 80px;
}
.full_width #layout {
margin-top: –60px;
}

Note: You can change the values in bold depending on your needs. These two figures must be the same. Except the full_width is “- negative”. So if the transparent-header is 100px then you need to make sure the full_width is -100px.

4) I’m Using a Mac – Can’t Upload Theme?

Mac/Safari Users: The themify-ultra.zip file might automatically unzip when you download it. You will need to re-zip it and then you can follow the tutorial to Upload it into your wordpress dashboard 🙂 You can re-zip it by right clicking the main folder and compress the folder. Or if you have Chrome or Firefox – use that!

5) I’m Using Localhost/Xampp – Can’t Upload Theme?

Localhost/xampp users: Please upload the theme directly into your “wp-content/themes” manually via your FTP.

6) What if I Already Have a Domain From Godaddy or Namecheap (any other domain registrar)?

I know some people might want to buy .com.au, .co.uk or .ca domains because it’s for a local business. Yes, you definitely can.

Please follow the steps below and you should be up and running in a few minutes!:)

So after you have bought the domain, all you need to do is:

1) Copy the name server details from your hosting confirmation email. It should look something like this:

nameserver_screenshots

 2) Go to the dashboard of where you bought your domain, and click on manage domains. Then you should end up somewhere like this. This is an example of the Godaddy Dashboard, but it is similar for all other places. You will need to go to “manage the domains section” and then select manage nameservers.

manage_domains

3) Then you see options to where you can update your name servers to the ones provided to you from your Hostgator confirmation email.

nameserver_edit

Note: This might take anywhere up to 24 hours for it to update. But from experience it’s pretty quick and should be done within 15 mins and 2-3 hours at the latest.

4) At this stage. You need to login to your Hostgator Cpanel with the details provided to you.

5) Scroll Down, and Click on “Addon Domains” then fill in the details.
Note: You only need to fill in 4 things as shown below. The Subdomain or FTP User and Document Root will automatically appear after you have entered in your new domain name. Leave those as default.

Addon_Domains

6) You are done! Now you can proceed to Quick Install and Install WordPress on your new domain.

Please Note: If you just changed the nameservers, you may need to watch 2-3 hours for your site to be up. But from experience it will be up in 15mins. And worst case scenario up top 24 hours.

7) Can I Add WooCommerce?

Yes, this website is completely compatible. So you don’t need to switch sites if you suddenly decide you want to setup an online store. However, I would not recommend this tutorial for people who want to build the next eBay or Amazon :) You can get the WooCommerce builder for $10 or part of a $39 bundle which includes other awesome addons. I will probably do a small tutorial on this in September 2015. Make sure you subscribe to my YouTube Channel for that!

8) Can I Add Different Languages (Multilingual) To The Website?

Yes, you can. Translate or create a multilingual site with the WPML plugin @ https://wpml.org/

You can search “WPML” in the plugin section of your dashboard – download and then activate 🙂

9) How Do I Add a Mobile Number In the Header?

Please watch: http://screencast.com/t/uAGfa4nr4R2

10) What is The Name of the Plugin You Mentioned at 47 mins 20 sec?

Jing by Techsmith. Download it here. And use it for screenshots and to create screencasts (you’ll need to create a free account for this) but it’s well worth your time! I guarantee you that!

11) Why Don’t I Have a Sidebar on My Blog Page?

If it doesn’t show, most likely is because you haven’t added the sidebar widget in yet. Make sure you have selected the sidebar option and then Follow instructions here.

12) Why Don’t I Have Posts Showing on My Blog Page?

In this case, you may have not dropped the “post” module into the row yet. Follow the instructions here

13) Where can I get more help?

1) If it’s something about this tutorial and NOT something like “can you help me implement this booking plugin for my business” you can most certainly contact me and I’ll try to get back to you. Please try to include your URL, a screenshot or screen cast video to explain the issue. Otherwise, it’s hard for me to determine what’s going on.

2) If you have skipped parts of the tutorial, I highly recommend to actually watch all of it first. Because I go through many things and it will save you a lot of time later on since you know where everything is!

3) I highly recommend getting a Themify membership, read what I really think about it here and why you should get it.

4) WordPress Support Forums

5) Try Freelancers Website such as Upwork.com – if you are looking to solve more technical problems and have a bigger budget or else, I’d still recommend trying the Themify Membership first since it’s an annual fee.

6) A lot of questions might have been answered in the comments section of the blog and youtube video. You might find your answer there.

7) Frequently Asked Questions on Themify.

14) How can YOU help?

Give me Feedback (Take you Less than 5 Minutes!)

AND

Please give the YouTube video a thumbs up, comment and let me know what you think! Also subscribe for more videos 🙂

Thank you so much!

Cheers, Hogan.

15) “The uploaded file exceeds the upload_max_filesize directive in php.ini.” – What can I do?

If you get “upload_max_filesize” error, this means your host/server has limit file upload size. Either request your hosting provider to  increase file upload size OR You can Upload the Theme Via Your File Manager (in Cpanel). Watch the video below 🙂 (Alternatively, you can upload via FTP.)

16) What should you do before you even get started?

If you have installed another theme/followed another tutorial (and haven’t done too much work already) – I highly recommend just starting on a new and fresh WordPress Install.

I.e. Deleting your current WordPress installation from your c-panel and re-installing it again.

Because sometimes the content/plugins/theme etc might interfere with your website.

But if you don’t want to since you have made alot of pages/posts etc. Just try to deactivate all the plugins first, as it may interfere and then activate it later.

17) How to Change the Mobile Menu Icon?

Simple Go to Customizer > Custom CSS and than paste in:

#menu-icon:before {
color: #ffffff;
}

You can find your hex code on color picker, and change it to suit your needs.

18) How to Make the Header & Footer Skinner?

Go to Customizer > Custom CSS and then paste in:

.header-horizontal #header {
    text-align: inherit;
    padding: 0em 0;
}
#footerwrap {
    padding: 0em 0 0em;
}

Edit the number in front of the “em” to adjust the exact amount of padding you want.

CSS Code for Customizing Mobile Side Menu (Watch Video for Instructions)

@media screen and (max-width:1000px){
.sidemenu {
background-color:#000 !important;
}
#headerwrap #main-nav a, #headerwrap #main-nav ul a{
color:#fff;
}
#headerwrap #main-nav li a:hover{
color: #53C9ED;
}
#headerwrap #main-nav .current_page_item > a, #headerwrap #main-nav .current-menu-item > a {
color: #53C9ED !important;
}
}

CSS Code for changing the post date color (Watch Video for Instructions)

.loops-wrapper.list-post .post-date{
background: #66d9ff!important;
}

.single-post .post .post-date{
background: #66d9ff!important;
}