CSS不适用于实时heroku网站,但适用于localhost



所以我甚至不确定在这里显示什么代码,但我只有一个使用Foundation并托管在Heroku上的基本Rails网站。我的CSS和一切都很好,直到我把更改推到Heroku后,我添加的一个东西突然不起作用了,但它在我的本地主机上工作。这是不起作用的CSS:

.thankyou {
    background-image: url('xxx.jpg');
    background-size:cover;
    a {
        color: white;
        text-decoration: underline;
        &:hover {
        }
    }
    .question-list {
        color: white;
        font-family: Muli;
        text-align: left;
        font-size: 17px !important;
        ul {
            list-style-type: none;
            li {
                font-size: 17px !important;
                line-height: 22px !important;
            }
        }
        p, ol, ul, td {
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 17px;
            line-height: 22px;
            color:white;
        }
    }
}

这是该部分的HTML:

<section class="hero thankyou">
  <div class="row">
    <div class="large-12 columns">
      <div class="main-wrapper">
      <h1>Thank you for your interest! </h1>
      <h3 id="putparadise"><em>Check your inbox for the link to the webinar, or click <a href="/">here</a> to return to the home page.</em></h3>
      <hr>
    </div>
  </div>
</div>
<div class="row">
  <div class="large-8 columns webinar-video">
    <div class="black-box-2">
      <h3>6 critical questions that will be addressed in the webinar</h3>
      <div class="row">
        <div class="large-6 columns question-list">
          <ul>
            <li><p><strong>1. Type of title</strong><br> What kind of title are you getting? Is it a Land Title, a Conveyance or A Land Lease?</li></p>
            <li><p><strong>2. Taxation</strong><br> Capital gains taxes? Property taxes?</li></p>
            <li><p><strong>3. Water/Sewer</strong><br> Are the water and sewer regulated or unregulated?</li></p>
          </ul>
        </div>
        <div class="large-6 columns question-list">
          <ul>
            <li><p><strong>4. Ownership Structure</strong><br> Learn about foreign ownership rights. Should you invest in your personal name vs company name vs IBC?</li></p>
            <li><p><strong>5. Vehicle Ownership</strong><br> Can I own a vehicle? Yes... IF your property meets the requirements for vehicle permits.</li></p>
            <li><p><strong>6. IRA/401K Eligibility</strong><br> Learn how you can use your retirement savings/funds to invest in Belize.</li></p>
          </ul>
        </div>
      </div>
    </div>
    </div>
    <div class="large-4 columns sidebar">
      <div class="black-box-3">
        <p><strong>After watching the on-demand webinar, you'll receive an email from us.</strong></p>
        <p>Simply reply to that e-mail if you'd like to receive more information,
          be sure to ask any specific question you have!
          We'll get back to you within 1 working day.</p>        
      </div>
      <div class="row">
        <div class="large-12 followup">
        </div>
      </div>
    </section>

据我所知,heroku日志中没有明显的错误,但我也不擅长阅读它们,所以如果有人知道该去哪里看或可能发生什么,那就太好了!

好吧,在继续做这个项目后,我发现我为新部分添加的CSS也不起作用。当我在"cmd-f"中搜索项目中编译的CSS文件中的代码时,它不会出现。是什么原因导致css突然停止编译?

尝试在终端中运行以下命令

heroku run bundle exec rake assets:precompile

然后重新启动服务器

heroku restart

最新更新