Sidebar Customisation

1. http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
You can change all formattings with CSS.
from the recommended plugin section in this forum: http://wordpress.org/plugins/ultimate-tinymce/
Gives you more options when working with the editor in wordpress.

2. Dont understand what exactly you want

3. Same as number one. Quick / Cusstom CSS applies to the whole site. With CSS you first specify what elements you want to change, and then you difine what you want to change.

Example for CSS:
Change the space above the buttons to 0px:

.post-entry-15 .column-top-margin {
    margin-top: 0px;
}

“.post-entry-15” and “.column-top-margin” defines that you target all elements inside post-entry-15 that have the “class” “column-top-margin”.
With margin-top: 0px, you set the space above the element to 0 pixels.

Adding the example CSS from above to your site, would move the buttons up like you wanted.

If you want to change something else, just tell us and we can show you how to do it.

If you want to learn more about CSS, you can go here: http://www.w3schools.com/css/default.asp

1.
read: link in “nested_nav” in “sidebar”. ( “a” stands for link)

.sidebar .nested_nav a {
     color: #0000ff;
     font-size: 18px;
}

“:hover” changes the element when you move over it with the mouse.

.sidebar .nested_nav a:hover {
     color: #9E0A34;
}

2.
You can do that with a border:

.sidebar .nested_nav li {
    border-bottom: thin solid #CCCCCC;
}

If you only want lines between the menu items, you can remove the border of the last “li” element.

.sidebar .nested_nav li:last-child {
    border-bottom: none;
}

If you want to get better at CSS the most important things are:
– cascading of the properties.
– selectors: http://www.w3schools.com/cssref/css_selectors.asp (first 7 without the * are what you’ll mostly use
– properties: http://www.w3schools.com/cssref/default.asp

And to make things easier you can use something like the inspect function of your browser (rightclick on an element and then choose something like “inspect element). It will show you where the element is defined in the code and highlights it. This way, you can easily find the ID or class of an element (if the element has it defined).