CSS

How To Add Overlay on Slider Revolution by CSS

Today we will learn How To Add Overlay on Slider Revolution by CSS. Revolution slider is a most common use in wordpress. sometime its get heard when we use a light background image with text. The slider text are not visible for light background images. So we try to Add Overlay on Slider Revolution. There …

How To Add Overlay on Slider Revolution by CSS Read More »

Organize columns with flexbox

Flexbox is a common uses now a days. when we want to style columns or rows with a single css, Flexbox is for you. Read the article for more information.

How to resize the Google noCAPTCHA reCAPTCHA

Some day ago a client wanted to add Google noCAPTCHA reCAPTCHA to the gravity form. all looks fine but when i was visiting the site on mobile devices the Google reCAPTCHA overlapping the screen. Its not looking good some how i need to fix it and resize the Google reCAPTCHA. There are not enough resources to control …

How to resize the Google noCAPTCHA reCAPTCHA Read More »

How to disable link using CSS

Sometime need to disable a link using CSS. This can be done by using a small code of CSS. Below i will show different Scenarios: Disable link that has an exact href: = You can choose to disable links that contain a specific href value like so : <a href=”//website.com/exact/path”>Exact path</a> [href=”//website.com/exact/path”]{ pointer-events: none; } Disable …

How to disable link using CSS Read More »

How to Replace a content with CSS

Today We will learn How to Replace a content with CSS Replacing a  content with CSS is not something I utilize frequently, but rather there are some particular situations where it proves to be useful. In the event that you can change message on the server-side, I generally suggest that first. CSS content substitution ought …

How to Replace a content with CSS Read More »

Vertically Center anything with just 3 lines of CSS

For a web developer always face some critical issue those can be solve two or three lines of codes. Today i am going to show a technique how to Vertically Center a div or an image. With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, …

Vertically Center anything with just 3 lines of CSS Read More »

Easily Style Your Placeholder Text

Placeholder text in inputs has (in the browsers implementing it so far) a light gray color. To style it, you’ll need vendor prefix CSS properties. ::-webkit-input-placeholder { color: red; } :-moz-placeholder { /* Firefox 18- */ color: red; } ::-moz-placeholder { /* Firefox 19+ */ color: red; } :-ms-input-placeholder { color: red; }   The ::placeholder selector …

Easily Style Your Placeholder Text Read More »