How to adjust your Concrete5 theme while the edit bar is visible

defunct — Wed, 30 Jun 2010 21:04:03 +0000

A lot of people have the problem that when you are logged into the Concrete5 backend, the edit bar can move things around in your design. Here is an easy way to add a specific class to your tag so you can adjust positions of anything on the page while the edit bar is visible.

Replace your body tag in your Concrete5 theme’s header.php with the following:

canWrite()) ? 'class="c5-edit-mode"' : ''; ?> >

When you are logged into the dashboard and viewing pages though the sitemap, your body tag will look like this:

Now you can adjust your CSS, able to single out any classes or IDs.

Here is a section from my stylesheet:

body {

margin: 0;
padding: 0;
color: #4d4d4d;
font: 12px/13px Arial, Helvetica, sans-serif;
background: #000000 url(images/bg.jpg) top center no-repeat;
}

/* Move our background down by 48 pixels while the edit bar is visible */
body.c5-edit-mode {
background-position: center 48px;
}

Social Icons Block

defunct — Fri, 04 Dec 2009 08:53:55 +0000

I’m pleased to release a simple block called Social Icons. It functions similar to what you see on the left of this page, by entering a URL into the block, the icon and link will appear automatically pre-formated that can be changed with CSS. This block is free!

You can download the block on the Concrete5 Marketplace.

The icons are created by Rogie and be used free of charge on non-commercial websites.

Enjoy!

Download Social Icons 1.0

Justin Frydman - Web developer/designer from Canada » Web Development

How to adjust your Concrete5 theme while the edit bar is visible

Social Icons Block