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

flatsome-theme-wordpress-themeforest-best-theme-for-ecommerce-website

Best WordPress Themes for eCommerce Websites 2017

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

2 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.

Leave a Reply

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