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 Make a Listing/Directory or Classified/Real Estate website with WordPress – Like Yelp,Olx, Justdial, Foursquare etc.

ListingPro Theme Download —>   TmdHosting Discount Link —> www.tmdhosting.com Hostgator Discount Link —> www.hostgator.com Images Download …

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 *