shopify analytics ecommerce

Sidebar titles and spacers

I had to take control of the sidebars to make them work better.

For Technopagan Yearnings, it's got green. The sidebar titles would be white text on a dark green pattern (the same one I used in the design of the banner). I just pasted the HTML directly into the sidebar. Since I can do this inside the RapidWeaver interface, this is a tip not a hack.

this is a
double line title

Screen Shot 2016-06-18 at 11.03.30 AM

single line title
Screen Shot 2016-06-18 at 11.06.39 AM

And then the TPY spacer line.

Screen Shot 2016-06-18 at 11.09.29 AM

The only thing worth noting is that the height changes according to how many lines. I admit I used the old Mark One Eyeball to get the spacing right, that goes back to when I did layout work on a light table and with an Xacto knife.

That brings us to Pagan Vigil. The sidebar text had a different margin then the sidebar itself, so I tossed in a width value of a 110% on the sidebar titles. This meant it was justified on the left and spilled over to the edge of the sidebar on the right, it was an interesting look.

title line
Screen Shot 2016-06-18 at 11.21.38 AM

Finally the PV spacer line.

Screen Shot 2016-06-18 at 11.25.36 AM

I left the width attribute in just in case I want to play with it later.

blog comments powered by Disqus