Category: Custom Code

How to Style Contact Form 7 Plugin

Post Image

Style Contact Form 7 Plugin Contact Form 7 plugin is one of most famous plugin on WordPress. There are million of active user of this plugin. We are giving you some simple and amazing CSS hacks for designing & adding a wonderful Contact form on your site. You can add following CSS in Custom CSS […]

Read More...

Remove/change “Protected:” prefix for password protected post

Post Image

WordPress Remove Protected from Title As you already know about the Password protected setting for your post or page. When your post or page is protected it will show “Protected” prefix before its title. If you want to change or remove that prefix just follow the below steps :- First go with WordPress Dashboard >Appearance […]

Read More...

Adding title attribute in menu navigation

Post Image

Adding title attribute in menu navigation Title Attribute in WordPress The purpose of adding title attribute wordpress in the menu navigation is to show the additional information about the page or the link in your site.It enables the web browser to display the title attribute on mouseover. This will allow the user to see where […]

Read More...

How to add header background in WooCommerce pages

Add Header Background in WooCommerce Pages For adding custom header background image in your product WooCommerce pages, Follow my below instructions – Go to Wp dashboard > customize > Additional CSS. In Additional CSS text area, paste this CSS .woocommerce-page .demo-image{ background:url( ADD IMAGE URL); } Note – In add image URL paste the desired […]

Read More...

How to Add Button styling in a menu

Post Image

For adding buttons in Menus This tutorial is for adding the button in navigation. If you want a button in a menu navigation of your site and also want to give styling like background color, hover color, border etc to your button. Just follow the tutorial, you can do this by adding some simple custom […]

Read More...

How to Open Links in a New Tab

Lots of plugins are available to open links in a new tab but every time using a plugin is not good. So here I am giving you a simple and easy solution to open link in a new tab using coding. Just follow the instructions given below:- As you have external links in your site […]

Read More...

Background images zooming in small devices

Background images zooming in small devices Background images are looking zoomed because mobile devices don’t support parallax scrolling. And background image have to cover full section height. That’s why images are zooming to cover full height. Please try this solution. Use small pattern images for mobile devices only and allow them to repeat so that […]

Read More...

Change the fonts in Theme

Post Image

Change the fonts in Theme The Google Typography plugin allows to customize font styling on your website without writing a single line of code. To install google typography plugin you need to go Dashboard -> Plugins -> Add New and search google typography plugin and activate it. After activation go to Appearance -> Typography Setting […]

Read More...