Search Result for: CSS Category

Articles

CSS Odd even rows

Use the following CSS code to add a style to odd or even div elements or entries: .row{ &:nth-child(odd){   background-color: darken($grey,3%); } &:nth-child(even){
Read More

Responsive YouTube video embed in page, get the ratios right

Use the following code to embed your YouTube videos in your
Read More

Center DIV vertically within another DIV

This is one way to center a DIV vertically, however, this is not compatible with IE8 to all our disadvantage is still in use in
Read More

CSS Transition

Using CSS transition makes things super easy to animate objects with just some simple CSS. Note that this is not supported in
Read More

Getting input and textarea fields to match up in width.

Both input and text area fields seam to use different measures of width. To get them to match up add this to the style of a Text and Input fields: width: 100%; -webkit-box-sizing:
Read More

Adding text to a tag using CSS

Add extra content before or after a
Read More

Drop shadow

Text Shadow name-of-div { text-shadow: 2px 2px 2px #ff0000; } text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; Box or object based shadow Outer shdow .shadow
Read More

Changing the point at which Bootstrap Nav menus will collapse

Use the following code in your SCSS file that will allow you to change the max width at which a menu item is allowed to collapse. There is no need to edit the core bootstrap
Read More