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
12
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
•
In Vim, following is an outline of the vi(m) functions you can utilise whilst in...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome...
Andrew Fletcher
•
This code is from Drupal 9 back-end for a React front-end via REST API.
Working...
Andrew Fletcher
•
Regular expressions (regex) are extremely useful in extracting information from...
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
•
Whilst updating nodejs and npm on a Centos 6 or 7 server running Apache, I...
Andrew Fletcher
•
Recently I had an error with a domain smtp server not recognising port 587....
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 site. Recently, I had transferred the site to production and I was working through our steps to cross check deployment. This included reviewing the error logger plugin. The error logger has four tabs Mailer, Slack, Syslog and Relic. In the syslog tab, I was tweeting the facility, when on saving the change the site the following error greeted me:
[2020-10-14 08:01:29] development.ERROR:...
Andrew Fletcher
•
Using October CMS to migrate your site and update the tables with the plugins...