Codings Archive

Change The Default Country Code On The Caldera Forms

Caldera Forms Add following code in your functions.php file to set default Country for Phone (Better) add_filter( ‘caldera_forms_phone_js_options’, function( $options){ //Use ISO_3166-1_alpha-2 formatted country

Shopify: Add more than 7 Mega Menus on Turbo Theme in 5 steps

There are 7 Mega Menus we have on Turbo Theme by default. To add more than 7 Mega Menus you need to follow these

WooCommerce: Rename Product Description Tab Label

Add following below code in functions.php file, just replace ‘More info‘ with your required Label, that’s it. add_filter( 'woocommerce_product_tabs', 'woo_rename_tab'); function woo_rename_tab($tabs) { $tabs['description']['title']

CSS: Change image src on img:hover

<a href=”#”><img src=”http://codingtips.itwebsols.com/wp-content/uploads/2013/05/logo.png” onmouseover=”this.src=’http://codingtips.itwebsols.com/wp-content/uploads/2016/06/logo1.png'” onmouseout=”this.src=’http://codingtips.itwebsols.com/wp-content/uploads/2013/05/logo.png'” border=”0″ alt=””/></a>

Remove Margins for First/Last Elements of a Container

It can sometimes be desirable to remove the top or left margin from the first element in a container. Likewise, the right or bottom

Html5, Input Type : Search, with input attribute such as “Placeholder” or “Autofocus”

In HTML5, we can define a textbox as search box instead of a normal textbox. What you can actually do for your search box

Rotate div or image through css

Use following css to rotate any div or image to any angle. -webkit-transform: rotate(15.0deg); Example: Image set an angle of 15 degree.

Show/Hide Content with css and javascript

This example shows you how to create a show/hide container using a 2 links “Show Content” and “Hide Content”, with CSS, and some JavaScript

Word break, break all property in css

As the name describe “Word break” means break a lengthy word in 2 lines within given space/ container. In style tag add following css