Two Site Styles?


(William Rodriguez) #1

As I watched the site styles video, I believe I heard that there are two site style stacks? one for single pages and one for global styles? Is this correct? If yes, where do I get the global styles stack?


(Andrew Tavernor) #2

That used to be the case with Stacks 2 but not anymore since Foundation 1.5 and stacks 3.

In order to use global settings you can now simply make your site styles stack into a stacks3 partial and use it on every page with settings changes being updated site wide.


(William Rodriguez) #3

I see, thanks. Is there information explaining how to use partials?


(Andrew Tavernor) #4

Here is the YourHead video on how to use partials
http://yourhead.com/partials/

and @joeworkman has one that is targeted at Foundation.


(William Rodriguez) #5

Sorry, but I have another question regarding Site Styles. I was wondering how can I bring in my own swatches (upload a file) into Site Styles, also where can I enter hex numbers, or use a color picker?


(Andrew Tavernor) #6

In site styles settings, scroll down to the Swatches area and pick the swatch colors just as you would select any other color. When you click on a swatch color well, the OSX color picker will appear. If you want to enter hex values or rgb values just select the second icon in the color picker tab bar at the top

You cannot import a list of swatch colors.


(William Rodriguez) #7

I have another question hopefully you can answer.

In the foundation demo theme (https://foundation.joeworkman.net/) I am trying to edit the TopNav stack so it doesn’t stretch out completely when it is in a full width browser view. I am trying to make it fixed in a 1000 width just like the content below, but still have it responsive. Can you shed some light on how to do it? Tx


(William Rodriguez) #8

Never mind I found the answer, I had to check off ‘contain into body.’