CSS

How to add overlay on Slider revolution by 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 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 with css

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 »

Scroll to Top