Disclaimer: First of all, if you don’t realize that there are possibly many causes for this type of issue, you probably need more experience in website development in general. Particularly mastering HTML and CSS.

Today, I deployed a site to Staging. This means that I:

1. Opened Terminal on my Mac / Linux Ubuntu machine.
2. Executed cd ~/Sites/my-site/trellis
3. Executed ./bin/deploy.sh staging mysite.theportlandcompany.com

But upon visiting mysite.theportlandcompany.com I discovered the styles were broken. At first, I though this was because my database export didn’t have the updated URL and site path. Which was not the case.

I believe this is a bug with the deploys somehow, because I’ve deployed several other sites and don’t recall being required to take any extra steps.

The Solution (Hack)

1. Navigate to trellis/deploy-hooks/build-before.yml
2. Uncomment lines 24-30 which should be:

– name: Copy project local files
synchronize:
src: “{{ project_local_path }}/web/app/themes/le-d-bug-boutique/dist”
dest: “{{ deploy_helper.new_release_path }}/web/app/themes/le-d-bug-boutique”
group: no
owner: no
rsync_opts: –chmod=Du=rwx,–chmod=Dg=rx,–chmod=Do=rx,–chmod=Fu=rw,–chmod=Fg=r,–chmod=Fo=r