Making a minimalist blog layout using Theme Thesis

source video on http://diythemes.com/thesis/design-version-16/

How to move nav menu from top to below header

in
Custom File Editor – custom.css – custom_functions.php

edit/add below existing code

remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

============
=========
fix indent of nav bar (it is by default not exactly lt justified like rest of content) need to adjust padding
also to bold/etc text in nav bar

in Custom File Editor – custom.css

edit/add below existing code

.custom .menu { padding: 0 1.1em; font-weight: bold; }
padding format is – padding: “top and bottom elements” “lt and rt elements”

to adjust top and bottom of page padding, in same custom.css

edit/add below existing code

.custom #header { padding-top: 0; }
.custom #footer { padding-bottom: 0, }
NOTE a dot”.” targets a class, and a hash “#” targets an ID. Classes can apperar multiple times in html markup, but ID’s may only appear once (for validity)
=============
==========

add background/highlight to textlinks on hover

in Custom File Editor set up a new style for links site-wide

edit/add below existing code

.custom a:hover { background: #f2e127; }

=============
===========

change sidebar/secondary column background to standout from main

in Custom File Editor

edit/add below existing code

,custom #sidebars { border-top: 0; background: #edceb6; } – 1st part removes sidebar line/border, next sets background

Making a minimalist blog layout using Theme Thesis

source video on http://diythemes.com/thesis/design-version-16/

How to move nav menu from top to below header

in
Custom File Editor – custom.css – custom_functions.php

edit/add below existing code

remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);
add_action(‘thesis_hook_after_header’, ‘thesis_nav_menu’);

============
=========
fix indent of nav bar (it is by default not exactly lt justified like rest of content) need to adjust padding
also to bold/etc text in nav bar

in Custom File Editor – custom.css

edit/add below existing code

.custom .menu { padding: 0 1.1em; font-weight: bold; }
padding format is – padding: “top and bottom elements” “lt and rt elements”

to adjust top and bottom of page padding, in same custom.css

edit/add below existing code

.custom #header { padding-top: 0; }
.custom #footer { padding-bottom: 0, }
NOTE a dot”.” targets a class, and a hash “#” targets an ID. Classes can apperar multiple times in html markup, but ID’s may only appear once (for validity)
=============
==========

add background/highlight to textlinks on hover

in Custom File Editor  set up a new style for links site-wide

edit/add below existing code

.custom a:hover { background: #f2e127; }

=============
===========

change sidebar/secondary column background to standout from main

in Custom File Editor

edit/add below existing code

,custom #sidebars { border-top: 0; background: #edceb6; }  – 1st part removes sidebar line/border, next sets background