developer resources
Codebales holds an ever growing number of solutions to problems that we have experienced in our day to day code writing
Selected filter
17
results
Andrew Fletcher
•
As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element.
Here's an example:
/* Default state */
.accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd'...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
Find by file name
To perform a find command in terminal use
find / -name...
Andrew Fletcher
•
Looking to install Solr on your server? Not sure if it worth the...
Andrew Fletcher
•
As a web developer, you will most likely need to run local copies of a bunch of...
Andrew Fletcher
•
Every project has to kick off somewhere. Yep well that's a no brainer. However, the number of projects that I've seen where the planning step has been omitted is too high. A throughly planned out project with as many features scoped before you start coding is critical in completing a project. Whilst projects and their requirements are always fluid, the initial critical scoping is so important.
Fail to plan, planning to fail
There is no one way to plan. Yes I've seen...
Andrew Fletcher
•
Installing Varnish to increase the speed of the page load.
Install varnish using...
Andrew Fletcher
•
I installed Lando 3.6.2 and Laravel 9. When I visit the web page, I...
Andrew Fletcher
•
Do you want set up a CI/CD process using GitHub Actions?
This is a walk-through...
Andrew Fletcher
•
If like me you tried the command
php artisanHowever, you had the following...
Andrew Fletcher
•
Working in Laravel, I needed to loop through an array and know whether the current loop was odd or even row. To do this add the expression to your Twig file:
{% set direction = loop.index0 is odd ? 'left' : 'right' %}In the call above, the variable direction is set to either left or right depending on the value of the position of the loop row (loop.index0). I then used the left or right value in a div class adding to a series of tailwind css definitions. Such...
Andrew Fletcher
•
Setting up the mail configuration in October CMS is a quick progress....
Andrew Fletcher
•
To add ejabberd and run MYSQL to the server I needed to update the server...
Andrew Fletcher
•
Common commands
Themes and plugins have similar command lines. So rather...
Andrew Fletcher
•
At times while developing in October CMS, you will perform a step that kills the...