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 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 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 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 class=”col-md-12″>
<div class=”form-group”>
[submit class:btn class:btn-primary class:btn-lg “Send Message”] </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

Solved: The uploaded file exceeds the upload_max_filesize directive in php.ini

You may have seen this error at least once, if you have used WordPress.When installing …


  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.


  3. Hi Nayyar,

    The contact form code is not sending the email.

Leave a Reply

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