Siciliano: R13ose if you specify a font face name of the font that’s not embedded via CSS only the people who have that font installed on their machine can see it
Siciliano: But there are a few options out there for handwritten looking fonts that are web safe
Siciliano: R13ose for example https://www.google.com/fonts has an option on the left right under filters to only show handwritten ones
Bela: Siciliano: okay thanks
Siciliano: Wommack you have it, it’s background-color: #hex or rgb or rgba if you want transparency
Kye: Siciliano: thanks for this, that works out. I didn’t know there was that option.
Siciliano: Wommack you’re looking at .sidebar, but children of that div have their own background-color set, so that will override it
Siciliano: Wommack if you don’t want the children elements to have a different background color, remove the statement from each child.
Wommack: Siciliano, not want transparency. where I need to modify?
Siciliano: Wommack then use either rgb or #hex
Siciliano: Wherever you wish to have that color. You said left sidebar, that is .sidebar
Siciliano: Wommack if you haven’t done this before, you can use your web inspector to change css values on the fly, and then you just change the desired things in your css file to make it permanent. https://youtu.be/yHDXnJSs7Ww
Siciliano: That way you get instant feedback on your changes, rather than change, save file, refresh, change, save file, refresh
Hoerauf: I’m using Flexbox to make a full-height page and the middle of the page is scrollable fixed header and fixed footer – http://jsfiddle.net/2nrnq6a9/ – does anyone know how I can sticky a div to the bottom of the ‘visible’ scrollable body?
Oldroyd: I want to put a button at the bottom right of the body but since the hieght of the body is actually way bigger than whats just visible on screen, this isn’t possible?
Siciliano: Achuinard maybe position the div absolute, and give it bottom and right margins
Poux: Siciliano: That doesn’t work since the parent is a lot taller than what is actually visible on screen
Siciliano: Achuinard well maybe I don’t get it but you want it at the bottom of body independent of scrolling its contents right?
Papciak: I want it at the bottom right of the .body div, yes
Dymond: Independent of the scroll
Beadell: And if I try to fix something relative to the body div
Kautzer: It doesn’t seem to really care about what’s visible / what’s not
Kitzmiller: Siciliano: here’s a simpler version – http://jsfiddle.net/q61emdy4/1/
Glady: Let me try to throw in the div.
Dostie: Siciliano: see where ‘HELLO’ is placed?
Wrinkle: Http://jsfiddle.net/q61emdy4/2/
Housewright: This is after I made .body pos: relative and .fixed pos:absolute
Pavy: But if you scroll, HELLO scrolls as well.kinda weird
Siciliano: Achuinard http://jsfiddle.net/q61emdy4/4/ ?
Coryell: Siciliano: but did you change any existing styles?
Farish: Did you add any rules to .body?
Siciliano: Achuinard you did though, you set relative to .body
Lastinger: Siciliano: I don’t have an exact size of my footer
Likio: Your button is relative to the window
Farzan: With that pos: absolute
Crull: Which is why it wouldn’t work for me
Cissel: Because my footer might have a few extra lines or something
Salonia: It looked good but yea my footer might contain a few lines
Buike: So I can’t set a bottom relative to the window because the footer height is variable
Siciliano: Achuinard it’s not relative to the window, otherwise the button would be below the header
Siciliano: Achuinard if your header is always the same size, you can set top:
Siciliano: Achuinard otherwise I’m not sure how you could do this. Maybe use js to get the footer height and set the bottom: to that value + padding