Foundation.css Columns Classes and Shopify Conflict

New Member
1 0 0

I uploaded foundation.css to Shopify, so I can divide my footer into columns.

 

The stylesheet is definitely being referenced for some of my classes.

 

However, when trying to call out any of the column styling classes such as small-, medium-, large- the browser will not recognize the classes in any css file.

 

Here is the code for my footer. Any ideas?

 

<footer>
<div>
    <div class="medium-3 columns">
    <div>Column 1 Text</div>
    </div>
    <div class="medium-6 columns">
    <div>Column 2 Text</div>    
    </div>
    <div class="medium-3 columns">
    <div>Column 2 Text</div> 
    </div>
</div>
</footer>
0 Likes