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: HTML
Setting HTML date input value
How to set the default value to a HTML date input using vanilla JS or jQuery, including a method to set the date to be 1 month from now. The…
Show & hide Bootstrap modal with jQuery
Opening and closing a Bootstrap modal using the traditional button method and then with jQuery targeting with a button click. CodePen example. Traditional way Opening (showing) the modal the traditional…
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…
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…
Change progress bar colour based on progress value
Changing a progress bar colour based on what value its progress is at. This is done using jQuery and the default Bootstrap colour classes. CodePen example. The jQuery: $(document).ready(function ()…