If you want to remove the Admin Bar in WordPress using only CSS, there is a very easy way to do it. You can even make it responsive, so that it will display or be hidden depending on the size of the screen. Additionally, you won’t need to edit any of the core WordPress files, you will only need to … Read More
Brian Johnson Design is happy to announce that we have gone live with a new WordPress site for Ponytail Xpress, a Lakeville-based errand service and personal shopping service. In addition, I noticed today that even though we just launched the site and we only did minor search engine optimizations, it is currently ranking fairly high on the first page for … Read More
We recently launched a new website for the Minneapolis/St. Paul metro-based marketing agency, Magnetik Marketing Solutions. The site is actually template-based, with numerous customizations done to it. There is a large, front-page slider that gets some of the marketing message of the business out to visitors while adding a little motion and excitement to the design. To add some content … Read More
This particular project was requested by @sanjaypoyzer. He wanted to elaborate on our trick to maintain aspect ratio for an element with CSS. His goal was to have a div, WITH content, that would maintain its square shape while still being responsive. Easy enough to do if you want the square to respond relative to the width of the browser … Read More
At one time or another, you may have found yourself wanting to use sprites in your responsive website design. While at first this may seem like a very simple task, in reality it’s a little more difficult of a challenge. It can, however, be done. Here’s how! This trick is fully supported by all modern browsers other than IE 8 … Read More
There is an easy way to make a div or other element square or any other shape while still being responsive, using ONLY CSS. I actually stumbled upon this solution myself, and then saw a formal write-up of it by @marcolago here. The solution is actually extremely simple, and you will kick yourself for not figuring it out. This little … Read More
These are instructions on how to make an HTML link or button expand to be as wide as its parent element. Maybe you have been confused in the past and that darn link just never wants to grow. Here is the CSS you are going to want to apply to that link.
|
1 2 3 4 5 6 7 8 9 |
.fullwidth { width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0; display:block; text-align:center; /*This will result in centering the link text, which is probably what you want -brianjohnsondesign.com*/ } |
And the corresponding HTML:
|
1 |
<a href="#" class="fullwidth">Subscribe now</a> |
The secret … Read More
I recently completed a brand new website and ecommerce store for BE OWN Sportswear. They are a great new company based near Minneapolis, Minnesota that donates 50% of all proceeds to help support kids in developing countries. You can check out the new sportswear website here (update: link removed, site no longer exists). They are really a great new brand, … Read More
I am pleased to present my newest site to go live! Josh Havlik is an insurance agent based out of Lakeville, MN, dealing with insurance policies for home, auto, etc. He wanted a very basic, one page site where he could say what he needs to say and generally have a place where people could find his contact information. The … Read More
