CSS file working for one page but not the other?

Question

My CSS was working properly on all my pages and then all of a sudden stopped working. It almost seems like it's not linking the CSS file anymore. The weird thing is I just copy and paste my header from the previous pages which work fine. I do have bootstrap loading before my custom CSS which seems to be linking fine.

Working URL: http://www.pslink.ca/alliance/interior-electrical.php

HTML






    
    
    
    
    

    Alliance Lighting

    
    

    
    

    

    

    










        
            Interior Electrical
                        
                            Are you using the right people for the right jobs?  

                            In today’s economy are 
                            you finding that your contractors are less interested in attending to your smaller jobs? 
                            Alliance team will attend to your service calls form one light out to a full re-lamp 
                            of your facility quickly and effectively.

                            Alliance is one of few companies that provides a FREE comprehensive lighting audit 
                            and analysis for your business or commercial facility. We strive to educate our clients 
                            about all the aspects of their LED lighting projects - we specifically explain all the
                            benefits of high efficiency, environmentally-friendly, lighting solutions.  
                            Alliance is proud to be able to offer high-efficiency LED lights for virtually all lighting
                            applications, from retrofit and remodeling to brand new constructions.
 

                            
Interior Electrical Services: 
                                
                                    General Service calls
                                    LED Retrofits

                                    
Re-Lamp
                                    Service Programs
                                    Light Level Calculations
                                    Automated Lighting Control and Management Systems
                                
                                
                                    Re-Ballast
                                    Emergency Lighting
                                    Lighting Automation
                                    Lighting Design and Consulting
                                    Load Calculations and Reduction Planning
                                
    



    
        ALLIANCE-LIGHTING.COM 2016

CSS

.interior-section {
  background:#fff;
  max- height:100%;
  width:100%;
}

.interior-description {
  position:absolute;
  text-align:justify;
  width:100%;
  padding:0 10%;
  padding-right:10%;
  padding-bottom:5rem;
  top:20%; 
}

Broken URL: http://www.pslink.ca/alliance/gov-rebate.php

HTML






    
    
    
    
    

    Alliance Lighting

    
    

    
    

    

    

    








        
            Government Rebate
                        
                            Alliance handles all government rebate programs offered by your local utility 
                            company as well as a full ROI of your project.
                            Our knowledge of the current available incentives is unmatched 
                            in the industry, the fact that easily places Alliance in a category of its own. We coordinate the process and 
                            ensure that your plans follow the requirements set by the utilities to secure these incentives and return the expected ROI.
                            

                            Working with Alliance Lighting means:
                                
                            
                                   We handle EVERYTHING on your behalf
                                   We put our years of experience and knowledge to work on your specific process
                            
                            Our experience has proven that providing improvements in lighting systems offers the biggest ROI for our customers. 

                            Enjoy the benefits of lower utility bills while providing better lighting quality throughout your industrial complex
                            or building.  And in addition to the primary benefit of lower monthly energy bills, optimal lighting feels better on 
                            your eyes, not to mention the increase in the value of your property and worker productivity. 
                            Alliance will work with you to arrive at the perfect energy efficient lighting fixtures and components for you.

                            By fulfilling your lighting needs with the best LED technologies, you’ll end each month with lower operating costs 
                            and more money to invest in the profit-generating aspects of your business. Our onsite assessments begin with a thorough 
                            inspection of your premises for potential savings and lighting improvement opportunities. Your helpful, friendly lighting
                            specialist will fill you in on the latest information about incentives, write-offs and rebates. 

                            You’ll receive a breakdown of the most energy efficient industrial lamps, ballasts and bulbs applicable to your unique 
                            needs and circumstances. From initial energy assessment to rebate advisement, Alliance implements the best solutions to 
                            the unique needs of your business.
    



    
        
            ALLIANCE-LIGHTING.COM 2016

CSS

.gov-section {
  background:#fff;
  max-height:100%;
  width:100%;
}
.gov-description {
  position:absolute;
  text-align:justify;
  width:100%;
  padding:0 10%;
  padding-right:10%;
  padding-bottom:5rem;
  top:20%; 
}

Darren · Accepted Answer

If you inspected the second page you would see that the styles are not being applied to the .gov-* classes as there is an issue in your style.css file.

You are missing a closing } before you define .gov-*.

@media only screen and (max-width: 500px) {
  .service-h1 {font-size:2em;padding-bottom:0;}
  .maintenance-image img {display:none;}
  .maint-list-1 {width:100%;}
  .maint-list-2 {clear:left;width:100%;}
} /*  <---- Missing a closing } */
/******** SERVICE 3 END (EXTERIOR ELECTRICAL) *********/

/******** SERVICE 4 START (GOVERNMENT REBATE) **********/
.gov-section {
.....

You'll notice that you've also done the same thing just before you define all .energy-* classes.

Your .interior-* classes are fine as you've closed off the last @media query correctly.

CSS file working for one page but not the other?

Answers (1)

Related Questions