Home / WordPress / How to Make a Website with WordPress 2016

How to Make a Website with WordPress 2016

Testimonial BG Color

.testimonial { background: #272727; padding-bottom: 90px; }


Header Space Remover

.entry-title, .entry-title a, .widget-title, .widget-title a { font-size: 0px; line-height: 0; color: #404040; } .entry-title { position: fixed; }


Hide Title

element.style { padding: 1px 0px 0px 0px; } .entry-title { font-size: 0; margin-top: 0; padding-top: 0; } .entry-title:after { position: absolute; margin: auto; z-index: 1; content: ""; width: 10%; height: 2px; background: #ffffff; bottom: -9px; left: 0; }


List of Plugins Required:-

  • Contact Form 7
  • Custom CSS
  • Easy Google Fonts
  • Page Builder by SiteOrigin
  • Photo Gallery by Supsystic
  • SiteOrigin Widgets Bundle
  • All In One Buttons


Zerif Lite Theme link



Contact Form Code

<h2 class="short"><strong>Contact</strong> Us</h2> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="contact-name">Your name *</label> [text* your-name id:contact-name class:form-control] </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="contact-email">Your email address *</label> [email* your-email id:contact-email class:form-control] </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="contact-subject">Subject</label> [text your-subject id:contact-subject class:form-control] </div> </div> <div class="col-md-12"> <div class="form-group"> <label for="contact-message">Your Message</label> [textarea your-message id:contact-message class:form-control] </div> </div> <div class="col-md-12"> <div class="form-group"> [submit class:btn class:btn-primary class:btn-lg "Send Message"] </div> </div> </div>


Sample Page Code

<span class="sample-page1">This is Nayyar Shaikh from Mumbai.</span>

About Nayyar Shaikh

A Professional Blogger, YouTuber, Freelancer, WordPress enthusiast, Affiliate Marketer and Web Developer.

Check Also


Best WordPress Themes for eCommerce Websites 2017

In this list we have collected the most Perfect and most Professional themes, that are ...


  1. Hello Nayyar, i have a question for your tutorial. The testimonial background color is not working with me. Do you have any suggestions on how I can change the background color of the Testimonial

  2. Hi there,

    I tried to change the background color of the testimonial and I tried as you’ve instructed in the tutorial. But it didn’t change. Could you help me in this?

    Looking forward to hear from you.


Leave a Reply

Your email address will not be published. Required fields are marked *