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
26
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
•
Docker containers list
To view a list of Docker containers that are currently...
Andrew Fletcher
•
Visual Studio Code (VS Code) allows you to manage extensions using the VS Code...
Andrew Fletcher
•
Update Ubuntu 20.04
To begin update the server using the command
sudo apt update...
Andrew Fletcher
•
Working in an AWS ec2 environment, my goal is to access the server via...
Andrew Fletcher
•
Using CK Editor 5, I needed to add instructions to a page that held FontAwesome (FA) icons. Included in these instructions were a couple of FA icons. Initially adding them was going to be resolved using Pseudo-elements. Accordingly they would be applied as follows:
.download-icon, .portal-icon {
position: relative;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.download-icon::before,
.portal-icon::before {
font-family:...
Andrew Fletcher
•
Installing PHP on OSX and it installed PHP 8.2.x. However, for my...
Andrew Fletcher
•
Build the PHP base image with apache-buster using the Dockerfile.base
Since JN...
Andrew Fletcher
•
JSON structure
Outlining the structure of the elements common attributes:...
Andrew Fletcher
•
In this instance, I'll check the beginning of the string. I want to focus...
Andrew Fletcher
•
Working from the bases that .DS_Store has not been added to your git repository, then you can add it to your .gitignore file.
touch .gitignoreIn the .gitignore file add the following
# Hide the DS_Store files
**/.DS_StoreHowever, if it's already there, then in Terminal you will need to write:
find . -name .DS_Store -print0 | xargs -0 git rm -f --ignore-unmatchFinally commit to repo
git commit -m "Remove .DS_Store"
git push origin...
Andrew Fletcher
•
To sort through a multidimensional array seems to be a function that I...
Andrew Fletcher
•
phpcs issue in Visual Studio Code, I'm receiving this warning in VS...
Andrew Fletcher
•
Had the situation where you are running composer however, the scripts stops with...
Andrew Fletcher
•
Oh the treasure of a client coming to you with a site they have removed the...