All posts tagged CSS

Quick Tip: Squarespace v.5 Developer Template

by Holly Ezell on February 17, 2012 in Squarespace 5, Squarespace Templates, Squarespace Tutorials with No comments
squarespace-color-blocks-100

I recently stumbled upon one of the best articles on the HTML structure of Squarespace v.5 wireframe developer template. Even if you are using one of the other squarespace themes / templates, this article will help you better understand how tweaking the various elements via css affects your layout.

http://www.drselkirk.com/sneazy-blog/2011/8/13/getting-down-on-squarespace-v5-developer-template-css-for-10.html

And if you are not familiar with the Squarespace Wireframe, go grab a copy of the pdf here. Print and staple to your wall for easy access!

You may also want to check out our master list of Official Squarespace Resources as well.

Top

If you would like to receive other tips and tutorials,  follow Squarespace Plugins via RSS or sign-up for the SSP Monthly Newsletter which will include all the tutorials for the month as well as the latest Squarespace happenings around the net. (Your info will not be shared or sold to anyone)

Photoshop to Squarespace in 30 Minutes

by Holly Ezell on November 20, 2011 in Squarespace 5, Squarespace Tutorials with No comments
PsToolBox_by_Artdesigner.lv

Oldie but Goodie

While researching the History of Squarespace, I Found this old school tutorial by Tyler Thompson featured in the online Squarespace Manual a few years back. I wasn’t able to locate it on the current SS website, but after shooting off a quick request to SS, they were kind enough to unearth it. I’m featuring it here because it is still very relevant.

Mr. Thompson discusses a few of the concepts that are not intuitive to the otherwise exceptional user interface that squarespace is known for. (eg. negative margins and padding, CSS that is only accessible through the advanced tab in the Style module) It took me over a year to realize there were editable elements not included in the Fonts, Color, & Style editor! Err, yeah, I’m a slow learner icon wink Photoshop to Squarespace in 30 Minutes photo

The code mentioned in the tutorial is featured below the video. You can also see the finished version of the Squarespace website at http://dantrachtenberg.com/.
Continue reading →

One Liners: Spanx for your blog

by Holly Ezell on November 16, 2011 in Code Snippets, Squarespace 5, Squarespace Tutorials with No comments
spanx for html using css

Spanx Code for your HTML using CSS

Keep content from spilling outside your wrappers and content area.

#canvasWrapper, #content, #sidebar1, #sidebar2 { overflow: hidden; }

NB: At least one (Flont), if not all of the Squarespace templates, include the above code. You can edit the rule set  to include any of  the offending selectors causing problems with content spilling outside the intended boundaries. If you decide to use auto instead of hidden, you will get scroll bars.

* rule set = Continue reading →

Page 1 of 11
 
Loading...
Join over 100 folks and get our free monthly SSP Newsletter.
No-Spam Guarantee. Ever.