Move Section Outside

I've moved from the journal post to out here.

This is the CSS moving (and styling) that div (which is called moveSection) **div only visible if you are viewing as single journal entry**

#moveSection {

display: block;
position: absolute;
top: 150px;
left: 50%;
margin-left: -700px;
width: 150px;
height: 200px;
overflow: visible;
background: #333;
color: white;
padding: 10px;
}

This is the HTML code you would place in your code injection point

<div id="myCustomLogo"> <img src="/storage/your-logo-image.jpg"> </div>

Targeting Images

Sed ligula felis, mollis quis gravida vitae, commodo rhoncus diam. Nullam eget eros lacus. Aliquam a risus elit, eget placerat est. Integer id eros et elit congue commodo. Fusce id nunc dui. Nulla quis nulla quis quam bibendum adipiscing quis ac ligula. Integer mi enim, tincidunt eget accumsan sed, porttitor nec urna. Proin velit dui, tincidunt sit amet rutrum vel, elementum luctus tortor. Nam aliquet dolor et justo ultrices et egestas nisl condimentum. Nam sit amet sapien ac massa egestas vulputate a vitae enim. Nulla nunc sapien, venenatis id laoreet sed, pharetra vestibulum neque. Suspendisse a metus lorem, et rutrum mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis augue nulla, auctor quis scelerisque at, tincidunt et ante. Mauris auctor dictum dolor a aliquet.

3 Column Div Code Snip

Custom CSS:

#homeColumn1 { float: left; width: 282px; height: 210px; margin-left: 5px; margin-right: 5px; }

#homeColumn2 { float: left; width: 282px; height: 210px; margin-right: 5px; }

#homeColumn3 { float: left; width: 282px; height: 210px; }

3 column HTML code

<div id="homeColumn1"><img src="/storage/KitchenRenewal_v3.png" alt="" /></div>

<div id="homeColumn2"><img src="/storage/BathRenewal2.png" alt="" /></div>

<div id="homeColumn3"><img src="/storage/BathEQv4.png" alt="" /></div>

<div class="clearer"></div>

Ref link: http://developers.squarespace.com/design-coding/post/1582783