Roots Issue #7: What to do when your Theme styles on Staging or Production are broken.

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/ staging

But upon visiting 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
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

Spencer Hill
Categorized in: Bedrock
This post is related to: roots bedrock sage no dist folder,


Since 2005 we've been offering digital and content marketing strategy and implementation. Including website development, search engine optimization and marketing, search marketing and more.

Continue Reading »



[email protected]




8215 SW Tualatin-Sherwood Road, Suite 200, Tualatin, Oregon 97062


  • If you like our Blog you'll love our Emails.
    We'll share our expert knowledge on technology and growing your business.

    This will close in 0 seconds

    Logo for The Portland Company with a Coyote