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

http://themeisle.com/themes/zerif-lite/

 

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

How to Create a Blog Website – WordPress Extra Theme Tutorial 2017

Extra Theme Download —>   TmdHosting Discount Link —> www.tmdhosting.com (7% Discount Coupon NAYYAR7) Hostgator Discount Link …

3 comments

  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.

    Thanks.

  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 *