Particularly for use on the home page when design layouts do not include title text in the content area.
Read MoreSetup a stylesheet for the default login screen, and update the heading url.
Read MoreWorked on a subscription service website recently that had specific weekly cutoffs for ordering in order to have ordering available for the following week.
Read MoreUse this in your theme’s stylesheet to customize the loading gif shown when Woocommerce Cart, Products, and Checkout are loading.
Read MoreCompatibility requests with older browsers are becoming less frequent, but we had another one recently, and I wanted to give it a try while still utilizing our favourite plugins.
Read MoreRan into an issue with an e-commerce Product quantity field where the up / down arrows would not show, and were required to indicate more than one item could be purchased.
Read MoreThe Google Font Library is a great resource for free fonts.
Read MoreSVGs, when resized, will not scale in proportion in older versions of Internet Explorer.
Read MoreWorking with CSS fixed headers and HTML anchor tags can be a little tricky. The jump point will need to be offset by the height of the header, and other fixed elements.
Read MoreUsing fixed backgrounds on mobile devices can be tricky, as not all mobile devices support background-attached: fixed.
Read MoreEver wonder how to set the background colour for the page when printing via CSS?
Read MoreThis method comes in handy if you’re working with plugins and are unable to edit theme files, or external files at the risk of losing your styles with an update.
Read MoreGreat for drop downs, fly outs, and mobile menus.
Read MoreCreate a custom Instagram slider for your site using jSON and the following instructions…
Read MoreUse HTML and CSS to toggle reveal the search input field.
Read MoreUse this function if you find yourself having to force your CSS styles with !important in your Child Theme.
Read MoreThese are my go-to media queries when browser testing different versions of Internet Explorer
Read MoreYou can achieve more stylistic versatility within your WordPress backend, and theme, if you’re able to inject fonts within the WYSIWYG editor.
This is possible if you are using embedded fonts, or if you are using fonts from a hosted library using the below function, and the Advanced TinyMCE plugin addon.
Read MoreCross browser testing mobile devices can be very confusing when you take into account the various resolutions different devices.
Read MoreThis is a great and simple way to keep lists in alpha or numerical order, while splitting up the content to make it easier for the reader to digest.
Read MoreSub-navigation must be in a container
Read MoreMy default mobile stylesheet.
Read MoreMy starter stylesheet when starting new projects:
Read MoreTo centre an image inside of a div
Read MoreIFrames can be difficult to customize. If you want to add a border, or a box shadow to them, it can be simpler to do so if you wrap them in a parent div, and apply the necessary changes to this container. Border-radius will work with a parent div, when you couple it with overflow: hidden; forcing the clipping of the contained elements, and giving the illusion of the effect you’re looking for.
Read More