::first-letter is another nice pseudo element which allows you to style the first letter in an element without needing to use additional HTML such as a tag. This method works...
Read More Adding a line under text is generally done with basic text underline formatting. However, it doesn't allow you to add any margin or padding between the text and line. This...
Read More There are so many different methods when targeting elements in CSS. The most widely used are the class “.” and id “#” selectors. Sometimes you may need to target based…
When linking a telephone number on your website using the a href tag you will notice inconstant styles from mobile devices. For example on a desktop or laptop the number…
After creating another post on absolute position footers we decided to add a quick post on how to create a sticky footer. html{ position: relative; min-height:100%; } body{ margin:0 0…
How do you get a footer to stay at the bottom of a Web page when the content of the page is too short? There are a few options. Option…
This is an example of how to select a child of a parent element using CSS. Most of the time you can add a class or id to the element…
This is a basic example of how to dynamically add new options to your select drop down without reloading the page. I’m not saving these in the database, but it’s…
Is there a way to text-transform an all caps dataset? Example data: THIS IS MY TEXT If I add text-transform:capitalize; on that text nothing happens. My desired output of the original…
I’ve seen this question a lot so here’s an example of how to replace a select drop down arrow with a fontawesome icon. <link href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css” rel=”stylesheet”/> <label class=”wrap”> <select name=”property_type”…