Making Bootstrap modals wider
Bootstrap modals come in 4 sizes, You have the default, small, large and extra-large. The default size is closer to small and often at times in usage feels very restricted…
Tag: Web design
Creating a WordPress theme Part 6 – Custom functions file
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 6 is the custom functions file. Part 5…
Creating a WordPress theme Part 5 – Comments
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 5 building the comments section. Part 4 was…
Creating a WordPress theme Part 4 – Single post page
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 4 is the single post page. Part 3…
Creating a WordPress theme Part 3 – Settings, Posts loop & Pagination
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 3 is including the settings values, The WordPress…
Creating a WordPress theme Part 2 – Section dividing & theme naming
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. This Part 2 is splitting the theme into different…
Creating a WordPress theme Part 1 – The setup
This series is about how to create and develop a WordPress blog theme in 2021 using the correct methods and techniques. Part 1 is the installing and setup of WordPress…
Collapsable Bootstrap side nav menu
How to have a fully responsive, collapsable side nav bar made with Bootstrap that will resize the page upon collapsing. For this you will need jQuery. The included CSS styling…
Bootstrap cards as selectable radio buttons
Turning bootstrap cards into selectable radio buttons with active states using jQuery. CodePen example. To do this you will need Bootstrap and jQuery. Function to unselect (uncheck) all of the…
Loading Javascript files after page has finished loading
How to load a javascript file only once the page has finished loading. This is done with a document event listener that will run when the content has been fully…