CSS Archives - Freelance Full Stack Developer in London, UK

Creating drop downs (that don’t alter the space below them when opened )

March 14, 2021 by louie171

Just a very quick tutorial on how to create a dropdown (like a drop down menu), so that when you expand the dropdown the space below it isn’t pushed down. Like this (all the Other actions below contain a drop down menu – see next image) When I expand one of the menus I … Read more

Flexbox cheatsheet

October 27, 2020December 6, 2017 by louie171

update: this is a very useful cheatsheet also (with lots of pics to explain) css tricks guide to flexbox Equal width columns (responsive i.e. Rows on small screen width) <div class=”container”> <div ></div> <div ></div> <div ></div> </div> .container { display:flex; } .container div {flex-basis:100%;} @media screen and (max-width:600px) { .container { flex-direction: column; } … Read more

Create a portfolio section on WordPress website using Custom Post Type (CPT)

August 13, 2014 by louie171

I’m going to show you how to create a portfolio section on your WordPress website.

For any many companies (such as web design agencies) and freelancers that work with digital media its important to have a portfolio section on your WordPress website.

I’ll show you how todo this using WordPress Custom Post Types, you’ll easily be able to update the portfolio via the WordPress admin interface without having to write extra html or css.

As I’m a WordPress Developer my portfolio section will focus on showcasing WordPress programming and web design. See the finished version here.

3 Ways to easily stop wordpress caching your stylesheets

November 4, 2021July 24, 2014 by louie171

In this post I’m going to tell you how to easily stop WordPress from caching your css styles, so changes you make are instant. It can be very handy todo this while you are testing your new website.

How to do Columns in HTML and CSS

August 6, 2014April 1, 2014 by louie171

Recently my mate Dave asked me how to do Responsive columns in html and css using Divs.

Dave was used to doing columns in frameworks like the Twitter Bootstrap framework. I must admit I was abit rustly myself so I wrote this for myself as much as Dave.