Author: allaboutbasic

This tutorial is only for those who are trying to add calculator fields like where user will put value in one field and some calculation will be done automatically and result will be viewable in other single or multiple fields in contact form.

This technique I have shared is for advance level users who have knowledge of Jquery and using Contact form 7 . If you are new or facing problem to implement such type of fields, feel free to message me in comments section or take my personal help in my profile.

Here is the technique

1. At first put your calculator fields where you want to do or show calculation

2. Use Jquery code something like this

I have shared you the Jquery auto calculation code for contact form 7 below

<script>

jQuery(document).ready(function(){
//alert("Welcome");
 var ce;
var ps;
var ar;

jQuery("#ce").on("change", function() {
 ce= this.value ;

ps=(((ce/30))/5)*1.2;
ar=(((ps*1000)/250)*(0.941*1.65)*1.6);
jQuery("#ps").val(ps.toFixed());
jQuery("#ar").val(ar.toFixed());

}); 

});
</script>

3. Result

If you have any issue feel free to ask me question here in comments section
		

Before I shared you modifications or styling of a beautiful wordpress theme Toujours by Automattic. Today I am sharing with you the customization of another theme named Boardwalk. Theme Board by Automattic is a minimalistic theme with horizontal scrolling.  Using my provided css code you can give the theme a new look.

I am sharing you the theme and child theme ( to do your own customization) 

Theme Boardwalk By Automattic  Parent Theme

Theme Boardwalk By Automattic Child Theme

So You can use my shared code to modify Boardwalk theme and ask question in the comments section.

Continue reading “Theme Boardwalk By Automattic : CSS Customization” →

Toujours has a simple, elegant design that’s perfect for planning and sharing moments from your wedding. The theme highlights your content with a slideshow, large featured images, and a unique layout for recent posts.

Download Toujours  theme by Automattic  to create your own wedding / blogging website.

Download Toujours  theme by Automattic Child Theme  to modify the theme without touch the parent theme.

Here i am sharing some customization of Toujours theme. So You can use my shared code and ask question in the comments section.

Continue reading “Theme Toujours By Automattic : CSS Customization” →

Bari By Themetry A simple photography theme . If you are using wordpress.com premium plan you can use it ( costing $49).

Previously  I shared customization of Photographic themes  Like  Photography by theme foundry and Photographer by Organic theme which you can check also.

Here i am sharing some customization of  Bari theme. So You can use my shared code and ask question in the comments section.

Continue reading “WordPress Theme Bari By Themetry: Styling,Modifications, CSS Customization and more.” →

Independent Publisher 2 is a clean and polished theme with a light color scheme, bold typography, and full-width images. To use my provided css code you can try Simple Custom Css plugins.

 Download  Independent Publisher 2  theme by Raam Dev

 Download Independent Publisher 2 Child Theme

So You can use my shared code and ask question in the comments section.

Continue reading “Independent Publisher 2 by Raam Dev : CSS Modifications” →

Baskerville 2 is a dynamic, grid-based theme for curators. It’s the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links.

Here i am sharing css code to style your Baskerville theme. To use my provided css  I prefer you use  Simple Custom Css plugins ( if you have your own domain and hosting) .

You can downloand the Baskerville 2 theme from here.

So You can use my shared code and ask question in the comments section.

Continue reading “Theme For Curators Baskerville 2 By Anders Norén :CSS Modifications” →

Before i shared you CSS customization of Twenty Seventeen theme. Today I am sharing you how to create Single Page Website using Twenty Seventeen Theme.

In Single Page Website, when you will click on menus, it will go scrolling to the related point or content in homepage.

You can use my shared method and ask question in the comments section.

Continue reading “How to create Single Page website using twenty seventeen theme” →

Lodestar is a trendy one-page theme designed with startups and small business ventures in mind.  Designed by Mel Choyce, Lodestar is perfect for your small business or organization’s website. The theme allows you to create a one-page website, showcasing all your company’s information in one spot, interspersed with full-sized featured images. It is almost similar to WordPress Twenty Seventeen Theme . Here i am sharing you some CSS code to style your Lodestar theme, which will help you to give your Lodestar theme a diffrent look of your own.

Download Lodestar theme By Automattic  if you want to use it in your own hosting.

So You can use my shared code and ask question in the comments section.

Continue reading “Lodestar theme By Automattic: Modifications of header, footer, sidebar, contents and documentations” →

With bold featured images and bright, cheerful colors, Dara is ready to get to work for your business.

Here I am sharing some css styling which you can use to styling your site  if you are using Dara by Automattic.

You can use my shared code and ask question in the comments section.

Continue reading “Dara By Automattic Modifications of header, footer, sidebar, contents and documentations” →

Twenty Seventeen theme is a new theme by WordPress.org and wordpress.com.   Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.Twenty seventeen theme comes with the latest update of wordpress 4.7.  Here  I have shared some  css code to stylize your twenty seventeen theme.

For wordpress.org users  you have to  install   Simple Custom Css  plugins to use my provided css.

You can use my shared code and ask question in the comments section.

Continue reading “Twenty Seventeen Theme: CSS Modifications” →