Ask your WordPress questions! Pay money and get answers fast! (more info)

Decrease height of navigation bar with 20% in Peddlar Theme WordPress

  • SOLVED

I would like to have a <strong>20% smaller height</strong> of the <strong>Navigation bar</strong> in the Peddlar theme (http://demo2.woothemes.com/peddlar/). How do I do that?

Answers (2)

2013-09-11

Francisco Javier Carazo Gil answers:

The problem is here:

#navigation ul.nav > li > a {
padding: 1.416em;

In layout.css line 308.

Change:

#navigation ul.nav > li > a {
padding: 1.15em;


Francisco Javier Carazo Gil comments:

You have the CSS here: css/layout.css

You must change the enqueue style in order to load the new version of CSS (to avoid cache problems).


Nasnl comments:

Thanks for your swift reply (all of you, by the way).

Unfortunately, I do not have a layout.css file in my theme (or anywhere, it seems). There is a style.css however, but that does not contain exactly this line you mention. For referral, I have pasted the complete style.css code under here (I hope it fits):

/*
Theme Name: Peddlar
Theme URI: http://www.woothemes.com/
Version: 1.0.5
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes

Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)

LAYOUT
Layout styles for desktop orientations is included in a media query at the bottom of this file.

*/
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
-1.4 Tables

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery

7. FEATURED SLIDER
-7.1 Core Styles
-7.2 Theme Styles
-7.3 Content Styles

8. MISC
-8.1 Forms
-8.2 Buttons (Includes WF chortcode buttons)
-8.3 Shortcode info boxes
-8.4 Gravity forms
-8.5 IE specific styling

-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
-ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
margin: 0;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
background: #f7f7f7;
border: 1px solid #e6e6e6;
padding: 10px;
margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
font-family: monospace, "lato", sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
sup {
font-size: 50%;
vertical-align: super;
}
sub {
font-size: 50%;
vertical-align: sub;
}
/* Floating & Alignment */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/*-------------------------------------------------------------------------------------------*/
/* IMPORTS */
/*-------------------------------------------------------------------------------------------*/
/**
* Variables
*/
/**
* Functions
*/
/**
* Mixins
*/
/**
* Animations
*/
@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0);
/* Saf3.1+, Chrome */

-moz-transform: rotate(0);
/* FF3.5+ */

-ms-transform: rotate(0);
/* IE9 */

-o-transform: rotate(0);
/* Opera 10.5 */

transform: rotate(0);
zoom: 1;
}
to {
-webkit-transform: rotate(360deg);
/* Saf3.1+, Chrome */

-moz-transform: rotate(360deg);
/* FF3.5+ */

-ms-transform: rotate(360deg);
/* IE9 */

-o-transform: rotate(360deg);
/* Opera 10.5 */

transform: rotate(360deg);
zoom: 1;
}
}
@-moz-keyframes spin-360 {
from {
-webkit-transform: rotate(0);
/* Saf3.1+, Chrome */

-moz-transform: rotate(0);
/* FF3.5+ */

-ms-transform: rotate(0);
/* IE9 */

-o-transform: rotate(0);
/* Opera 10.5 */

transform: rotate(0);
zoom: 1;
}
to {
-webkit-transform: rotate(360deg);
/* Saf3.1+, Chrome */

-moz-transform: rotate(360deg);
/* FF3.5+ */

-ms-transform: rotate(360deg);
/* IE9 */

-o-transform: rotate(360deg);
/* Opera 10.5 */

transform: rotate(360deg);
zoom: 1;
}
}
@-o-keyframes spin-360 {
from {
-webkit-transform: rotate(0);
/* Saf3.1+, Chrome */

-moz-transform: rotate(0);
/* FF3.5+ */

-ms-transform: rotate(0);
/* IE9 */

-o-transform: rotate(0);
/* Opera 10.5 */

transform: rotate(0);
zoom: 1;
}
to {
-webkit-transform: rotate(360deg);
/* Saf3.1+, Chrome */

-moz-transform: rotate(360deg);
/* FF3.5+ */

-ms-transform: rotate(360deg);
/* IE9 */

-o-transform: rotate(360deg);
/* Opera 10.5 */

transform: rotate(360deg);
zoom: 1;
}
}
@keyframes spin-360 {
from {
-webkit-transform: rotate(0);
/* Saf3.1+, Chrome */

-moz-transform: rotate(0);
/* FF3.5+ */

-ms-transform: rotate(0);
/* IE9 */

-o-transform: rotate(0);
/* Opera 10.5 */

transform: rotate(0);
zoom: 1;
}
to {
-webkit-transform: rotate(360deg);
/* Saf3.1+, Chrome */

-moz-transform: rotate(360deg);
/* FF3.5+ */

-ms-transform: rotate(360deg);
/* IE9 */

-o-transform: rotate(360deg);
/* Opera 10.5 */

transform: rotate(360deg);
zoom: 1;
}
}
body {
*zoom: 1;
}
body:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
body:before,
body:after {
content: "";
display: table;
}
body:after {
clear: both;
}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html {
font-size: 62.5%;
}
body {
font-size: 1.6em;
line-height: 1.618;
color: #474747;
font-family: "lato", sans-serif;
font-weight: 400;
padding: 0 1.618em;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background: #f7f7f7;
word-wrap: break-word;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
hr {
background-color: #e6e6e6;
border: 0;
height: 1px;
margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a {
color: #77cb6d;
text-decoration: none;
}
a:hover {
color: #55a94b;
text-decoration: underline;
}
a img {
-webkit-transition: opacity ease-out 0.1s;
-moz-transition: opacity ease-out 0.1s;
-ms-transition: opacity ease-out 0.1s;
-o-transition: opacity ease-out 0.1s;
transition: opacity ease-out 0.1s;
}
a img:hover {
opacity: 0.75;
}
mark {
background: #77cb6d;
color: #f7f7f7;
padding: 2px 6px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* 1.3 Typography */
/*
All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
http://modularscale.com/scale/?px1=16&px2=14&ra1=1.618&ra2=0
Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "lato", sans-serif;
color: #474747;
margin: 0 0 .618em;
font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: underline;
}
h1,
.alpha {
font-size: 2.291em;
line-height: 1.416em;
}
h2,
.beta {
font-size: 1.618em;
line-height: 1.416em;
}
h3,
.gamma {
font-size: 1.416em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.875em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: "\2010";
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: manual;
orphans: 3;
widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
margin: 0 0 0 1.618em;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-bottom: 1.618em;
}
strong {
font-weight: 700;
}
/*
@font-face icons
- Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones.
*/
@font-face {
font-family: 'Social';
font-weight: normal;
font-style: normal;
src: url('includes/fonts//social.eot');
src: url('includes/fonts//social.eot?#iefix') format('embedded-opentype'), url('includes/fonts/social.woff') format('woff'), url('includes/fonts/social.ttf') format('truetype'), url('includes/fonts/social.svg#WebSymbolsRegular') format('svg');
}
@font-face {
font-family: 'FontAwesome';
src: url('includes/fonts//fontawesome-webfont.eot');
src: url('includes/fonts//fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('includes/fonts//fontawesome-webfont.woff') format('woff'), url('includes/fonts//fontawesome-webfont.ttf') format('truetype'), url('includes/fonts//fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
/* 1.4 Tables */
table {
border-spacing: 0;
width: 100%;
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #f7f7f7;
border-collapse: separate;
}
table td,
table th {
padding: .875em 1.416em;
text-align: left;
border-right: 1px dotted #e6e6e6;
vertical-align: top;
}
table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}
table thead th {
background: #fff;
border-right: 1px dotted #e6e6e6;
border-bottom: 2px solid #e6e6e6;
padding: 1.416em;
vertical-align: middle;
}
table thead th:first-child {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table thead th:last-child {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tr th:last-child,
table tr td:last-child {
border-right: 0;
}
table tbody th {
background: #fff;
border-bottom: 1px solid #e6e6e6;
}
table tbody tr:nth-child(2n) td {
border-right: 1px dotted #e6e6e6;
background: #f7f7f7;
}
table tbody tr:nth-child(2n) td:last-child {
border-right: 0;
}
table tbody td {
background: #f2f2f2;
border-bottom: 1px solid #e6e6e6;
}
table tbody h2 {
font-size: 1em;
letter-spacing: normal;
font-weight: normal;
}
table tbody h2 a {
font-weight: normal;
}
table tbody tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child td:last-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child td {
border-bottom: 0;
}
table tbody tr:last-child th {
border-bottom: 0;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
padding: .5em 1em;
display: block;
}
ul.nav li.current-menu-item > a {
background: #ffffff;
}
#navigation {
clear: both;
display: none;
background: #eaeaea;
padding-bottom: 1em;
margin-left: -1.618em;
margin-right: -1.618em;
padding: 0 .618em;
}
#navigation ul.rss {
margin: 0 1em 0 0;
padding: 0 1em 0 0;
}
#navigation ul.rss li {
display: inline;
padding: 0;
}
#navigation ul.rss li a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f09e";
}
#navigation ul.rss li.sub-email {
color: #474747;
}
#navigation ul {
list-style: none;
margin: 0;
}
#navigation ul ul.sub-menu {
margin-left: 1em;
}
#navigation .widget_product_search {
clear: both;
margin: 1em 1em 0 1em;
display: none;
}
#navigation .widget_product_search form {
margin: 0;
background: #ffffff;
}
/* 2.2.2 Top Navigation (optional) */
#top {
padding: 1em 1.618em;
margin-left: -1.618em;
margin-right: -1.618em;
background: #f3f3f3;
}
#top select {
width: 100%;
}
#top #top-nav {
display: none;
}
/* 2.3 Header */
#header {
padding: 1.618em 0 0 0;
margin-bottom: 1.618em;
margin-left: -1.618em;
margin-right: -1.618em;
margin-bottom: 0;
clear: both;
position: relative;
background: #ffffff;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding-left: 1.618em;
padding-right: 1.618em;
}
#header #logo {
float: left;
margin-bottom: 1.618em;
}
#header .site-title {
margin: 0;
}
#header .site-description {
margin-bottom: 1.618em;
}
#header .site-description + .nav.cart {
margin-top: -1.618em;
margin-bottom: 1.618em;
}
#header .site-title,
#header .site-description {
color: #000;
display: none;
}
#header .site-title a,
#header .site-description a {
color: #141414;
text-transform: none;
font-weight: normal;
text-decoration: none;
}
#header .site-title a:hover,
#header .site-description a:hover {
text-decoration: underline;
}
#header .site-description {
line-height: 1.618em;
}
#header hgroup {
*zoom: 1;
}
#header hgroup:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#header hgroup:before,
#header hgroup:after {
content: "";
display: table;
}
#header hgroup:after {
clear: both;
}
#header hgroup nav.cart {
clear: left;
padding-top: 1em;
}
#header .nav-toggle {
cursor: pointer;
clear: both;
display: block;
background: rgba(0, 0, 0, 0.05);
padding: 1.387em 1.618em;
margin-left: -1.618em;
margin-right: -1.618em;
}
#header .nav-toggle:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f0c9";
height: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.75;
}
#header .nav-toggle a {
color: #474747;
text-transform: uppercase;
}
#header .nav-toggle a:hover {
text-decoration: none;
}
#header .widget_product_search {
margin-left: -1.618em;
margin-right: -1.618em;
padding: 0 1.618em;
background: rgba(0, 0, 0, 0.025);
}
#header .widget_product_search #searchform {
border: 0;
margin-bottom: 0;
}
#header .widget_product_search #searchform #s {
padding: 1.618em 0;
}
#header .widget_product_search #searchform #searchsubmit {
top: 1.387em;
}
#header .site-description {
color: #616161;
font-family: "Droid Serif", sans-serif;
font-style: italic;
}
#header #topad {
float: right;
}
/* 2.4 Content */
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar {
overflow: hidden;
}
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
}
/* 2.6 Footer */
#footer {
padding: 2.618em 1.618em;
margin-left: -1.618em;
margin-right: -1.618em;
background: #eaeaea;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer .col-left,
#footer .col-right {
font-size: .875em;
}
#footer p {
margin: 0;
}
.footer-shop {
margin-left: -1.618em;
margin-right: -1.618em;
margin-bottom: 1.618em;
}
.footer-shop .inner {
padding: 1.618em;
background: rgba(0, 0, 0, 0.8);
}
.footer-shop .inner .footer-shop-content {
text-align: center;
color: #fff;
}
.fullwidth-widgets .widget {
margin-bottom: 0;
}
.fullwidth-widgets .widget h3:first-child {
text-align: center;
border: 0;
margin-bottom: 1em;
}
.fullwidth-widgets .widget_brand_thumbnails ul.brand-thumbnails {
text-align: center;
}
.fullwidth-widgets .widget_brand_thumbnails ul.brand-thumbnails li {
display: inline-block;
float: none;
margin: 0 .618em .618em .618em;
width: auto !important;
}
.fullwidth-widgets .widget_brand_thumbnails ul.brand-thumbnails li a img {
filter: gray;
-webkit-filter: grayscale(1);
max-height: 2em;
width: auto;
}
.fullwidth-widgets .widget_brand_thumbnails ul.brand-thumbnails li a:hover img {
filter: none;
-webkit-filter: grayscale(0);
}
#footer-widgets {
padding: 0 0 5.997em 0;
}
#footer-widgets hr {
height: 4px;
background: #ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: inline;
float: left;
width: 95.83333333333334%;
margin-left: 2.083333333333333%;
margin-right: 2.083333333333333%;
*width: 95.78125000000001%;
*margin-left: 2.0312499999999996%;
*margin-right: 2.0312499999999996%;
margin-bottom: 5.997em;
}
#footer-widgets .widget {
margin-bottom: 2.618em;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
margin-bottom: 3.706em;
font-size: .875em;
color: #8b8b8b;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb,
.post .video {
margin-bottom: 1.618em;
}
.archive-header {
display: block;
float: left;
width: 100%;
margin: 0 0 1.618em;
padding: 0 0 1em;
font-weight: bold;
border-bottom: #e6e6e6 1px solid;
}
.archive-description {
clear: both;
margin-bottom: 1.618em;
}
.post,
.type-page {
margin: 0 0 4.236em;
/* 3.1 Images */

}
.post:last-child,
.type-page:last-child {
margin-bottom: 0;
}
.post header h1,
.type-page header h1 {
font-weight: bold;
}
.post header h1 a:link,
.type-page header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited {
color: #141414;
}
.post .post-meta a,
.type-page .post-meta a,
.post .post-more a,
.type-page .post-more a {
color: #474747;
}
.post .post-meta,
.type-page .post-meta {
margin: 0 0 2.618em 0;
font-size: .875em;
}
.post .post-meta li,
.type-page .post-meta li {
display: inline;
}
.post .post-meta .post-author a,
.type-page .post-meta .post-author a,
.post .post-meta .post-category a,
.type-page .post-meta .post-category a {
margin-left: .618em;
}
.post .post-meta .post-author a:before,
.type-page .post-meta .post-author a:before,
.post .post-meta .post-category a:before,
.type-page .post-meta .post-category a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
margin-right: .207em;
color: #77cb6d;
}
.post .post-meta .post-author a:before,
.type-page .post-meta .post-author a:before {
content: "\f007";
}
.post .post-meta .post-category a:before,
.type-page .post-meta .post-category a:before {
content: "\f07b";
}
.post .post-more,
.type-page .post-more {
clear: both;
border-top: 0.236em solid #ffffff;
padding-top: 1em;
font-size: .875em;
}
.post .post-more .post-more-sep,
.type-page .post-more .post-more-sep {
margin: 0 .618em;
color: #adadad;
}
.post .post-more .comments a:before,
.type-page .post-more .comments a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f075";
color: #77cb6d;
}
.post p.tags,
.type-page p.tags {
width: 100%;
clear: both;
}
.post p.tags:before,
.type-page p.tags:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: '\f02c';
color: #77cb6d;
}
.post .entry,
.type-page .entry {
margin-bottom: 2.618em;
}
.post .entry blockquote,
.type-page .entry blockquote {
position: relative;
margin: 3.706em 0 3.706em 2.618em;
padding: 0 0 0 2.618em;
quotes: "\201C" "\201D" "\2018" "\2019";
font-style: italic;
border-left: 0.334em solid #77cb6d;
}
.post .entry .widget_woothemes_testimonials blockquote,
.type-page .entry .widget_woothemes_testimonials blockquote {
margin: 0;
padding: 0;
border: 0;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
max-width: 100%;
height: auto;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
border-color: #cdcdcd;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
display: block;
text-align: center;
margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
padding: .079em;
text-align: center;
background: #f7f7f7;
border: 1px solid #e6e6e6;
max-width: 100%;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
padding: .334em 0;
background: none;
border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 0;
text-align: center;
}
.single .post p:first-child {
font-size: 1.416em;
color: #252525;
}
/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
padding: 1em 1.618em;
}
.nav-entries a {
display: block;
color: #474747;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.woo-pagination {
margin: 0;
text-align: center;
margin: 0 0.146em;
}
.woo-pagination .page-numbers {
display: inline-block;
text-decoration: none;
color: #474747;
padding: .334em .875em;
font-weight: bold;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: .875em;
background: #eaeaea;
}
.woo-pagination .page-numbers.dots {
background: none;
}
.woo-pagination .page-numbers.dots:hover {
background: none;
}
.woo-pagination .page-numbers:hover {
background: #d5d5d5;
}
.woo-pagination .page-numbers.current {
background: #474747;
color: #f7f7f7;
}
/* 3.3 Single Post Author */
#post-author {
clear: both;
display: block;
width: 106.25%;
margin-left: -3.125%;
margin-right: -3.125%;
*width: 106.19791666666667%;
*margin-left: -3.1770833333333335%;
*margin-right: -3.1770833333333335%;
*zoom: 1;
margin-bottom: 2.618em;
}
#post-author:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#post-author:before,
#post-author:after {
content: "";
display: table;
}
#post-author:after {
clear: both;
}
#post-author .profile-image {
display: inline;
float: left;
width: 18.75%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 18.697916666666668%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#post-author .profile-image img {
width: 100%;
height: auto;
}
#post-author .profile-content {
display: inline;
float: left;
width: 68.75%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 68.69791666666667%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
/* 3.4 Post Entry Nav */
#post-entries {
border-top: 0.236em solid #ffffff;
border-bottom: 0.236em solid #ffffff;
padding: 1.618em 0;
margin-bottom: 2.618em;
}
#post-entries .nav-prev a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f060";
}
#post-entries .nav-next a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f061";
}
/* 3.5 Connect */
#connect {
clear: both;
margin-bottom: 2.618em;
}
#connect .newsletter-form {
margin: 0 0 1.387em;
}
#connect .newsletter-form .email {
margin: 0 1em 1em 0;
}
#connect .newsletter-form .submit {
margin: 0 0 1em;
}
#connect .social {
margin-bottom: 1.618em;
}
#connect .social a {
opacity: 0.8;
filter: alpha([email protected] * 100);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#connect .social a:hover {
opacity: 1;
filter: alpha([email protected] * 100);
}
#connect .social a:hover {
text-decoration: none;
}
#connect .social a:before {
font-family: Social;
font-size: 1.2em;
line-height: 1.1;
margin: 0 0.53em 0.53em 0;
padding: .53em;
display: inline-block;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff;
background: #77cb6d;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}
#connect .social a.subscribe:before {
content: '\e001';
background-color: #FF6600;
}
#connect .social a.twitter:before {
content: '\e002';
background-color: #00aced;
}
#connect .social a.facebook:before {
content: '\e003';
background-color: #3b5998;
}
#connect .social a.youtube:before {
content: '\e004';
background-color: #af2b26;
}
#connect .social a.flickr:before {
content: '\e005';
background-color: #ff0084;
}
#connect .social a.linkedin:before {
content: '\e006';
background-color: #71c5ef;
}
#connect .social a.delicious:before {
content: '\e007';
background-color: #285da7;
}
#connect .social a.googleplus:before {
content: '\e008';
background-color: #2d2d2d;
font-weight: bold;
}
#connect .social a.dribbble:before {
content: '\e009';
background-color: #ea4c89;
}
#connect .social a.instagram:before {
content: '\e010';
background-color: #517fa4;
}
#connect .social a.vimeo:before {
content: '\e011';
background-color: #33454E;
}
#connect .social a.pinterest:before {
content: '\e012';
background-color: #cb2027;
}
.widget #connect .fl,
.widget #connect .fr {
float: none;
}
#main #connect .col-left,
#main #connect .col-right {
float: none;
}
#main #connect .col-right ul {
list-style: none;
}
#main #connect .col-right ul a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f0f6";
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget h3 {
color: #474747;
font-size: 1em;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
#searchform {
width: 100%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

position: relative;
border-color: #d5d5d5;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#searchform .s,
#searchform #s {
padding: .875em 2.618em .875em .875em;
width: 100%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

margin: 0;
border: 0;
background: none;
color: #474747;
}
#searchform .search-submit,
#searchform #searchsubmit {
position: absolute;
top: .875em;
right: .618em;
border: none;
overflow: hidden;
margin: 0;
height: 1.618em;
width: 1.618em;
background: url('images/ico-search.png') no-repeat center;
background-size: 16px 16px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
opacity: 0.2;
filter: alpha([email protected] * 100);
text-indent: -99em;
}
#searchform .search-submit:hover,
#searchform #searchsubmit:hover {
opacity: 1;
filter: alpha([email protected] * 100);
background-color: none;
-webkit-animation: none;
}
#searchform label {
display: none;
}
.search-results .search-results #main > :not(.type-post) {
display: none;
}
/* FLICKR */
.widget_woo_flickr h3 span {
color: #0051d8;
}
.widget_woo_flickr h3 span span {
color: #ff1183;
}
.widget_woo_flickr .wrap {
margin: 1em 0 0;
text-align: center;
}
.widget_woo_flickr .wrap .flickr_badge_image {
display: inline-block;
margin: 0 1em 1.416em;
}
.widget_woo_flickr .wrap .flickr_badge_image a img {
display: block;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* CALENDAR */
#wp-calendar caption {
padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
padding: .541em 0;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
padding: .382em;
border: 1px solid #e6e6e6;
}
.widget_woo_blogauthorinfo .left {
float: left;
margin: 0 1em .618em 0;
}
.widget_woo_blogauthorinfo .right {
float: right;
margin: 0 .618em 1em;
}
/* WOOTABS */
.widget_woodojo_tabs,
.woocommerce_tabs,
.woocommerce-tabs {
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs,
.woocommerce_tabs ul.nav-tabs,
.woocommerce-tabs ul.nav-tabs,
.widget_woodojo_tabs ul.tabs,
.woocommerce_tabs ul.tabs,
.woocommerce-tabs ul.tabs {
margin-bottom: 0;
list-style: none;
*zoom: 1;
}
.widget_woodojo_tabs ul.nav-tabs:after,
.woocommerce_tabs ul.nav-tabs:after,
.woocommerce-tabs ul.nav-tabs:after,
.widget_woodojo_tabs ul.tabs:after,
.woocommerce_tabs ul.tabs:after,
.woocommerce-tabs ul.tabs:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs:before,
.woocommerce_tabs ul.nav-tabs:before,
.woocommerce-tabs ul.nav-tabs:before,
.widget_woodojo_tabs ul.tabs:before,
.woocommerce_tabs ul.tabs:before,
.woocommerce-tabs ul.tabs:before,
.widget_woodojo_tabs ul.nav-tabs:after,
.woocommerce_tabs ul.nav-tabs:after,
.woocommerce-tabs ul.nav-tabs:after,
.widget_woodojo_tabs ul.tabs:after,
.woocommerce_tabs ul.tabs:after,
.woocommerce-tabs ul.tabs:after {
content: "";
display: table;
}
.widget_woodojo_tabs ul.nav-tabs:after,
.woocommerce_tabs ul.nav-tabs:after,
.woocommerce-tabs ul.nav-tabs:after,
.widget_woodojo_tabs ul.tabs:after,
.woocommerce_tabs ul.tabs:after,
.woocommerce-tabs ul.tabs:after {
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs li,
.woocommerce_tabs ul.nav-tabs li,
.woocommerce-tabs ul.nav-tabs li,
.widget_woodojo_tabs ul.tabs li,
.woocommerce_tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
float: left;
margin-bottom: 0;
display: block;
margin-right: .09em;
font-size: .875em;
}
.widget_woodojo_tabs ul.nav-tabs li a,
.woocommerce_tabs ul.nav-tabs li a,
.woocommerce-tabs ul.nav-tabs li a,
.widget_woodojo_tabs ul.tabs li a,
.woocommerce_tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
border-bottom: 0;
border-bottom-width: 0;
border-right-width: 0;
display: block;
margin: 0 !important;
padding: .618em 1.9em !important;
color: #474747;
-webkit-border-top-left-radius: 3px !important;
-webkit-border-top-right-radius: 3px !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.widget_woodojo_tabs ul.nav-tabs li a:hover,
.woocommerce_tabs ul.nav-tabs li a:hover,
.woocommerce-tabs ul.nav-tabs li a:hover,
.widget_woodojo_tabs ul.tabs li a:hover,
.woocommerce_tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li a:hover {
color: #77cb6d;
background: #ffffff;
text-decoration: none;
color: #252525;
}
.widget_woodojo_tabs ul.nav-tabs li.active a,
.woocommerce_tabs ul.nav-tabs li.active a,
.woocommerce-tabs ul.nav-tabs li.active a,
.widget_woodojo_tabs ul.tabs li.active a,
.woocommerce_tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
background: #ffffff;
color: #252525;
}
.widget_woodojo_tabs ul.nav-tabs li.description_tab a,
.woocommerce_tabs ul.nav-tabs li.description_tab a,
.woocommerce-tabs ul.nav-tabs li.description_tab a,
.widget_woodojo_tabs ul.tabs li.description_tab a,
.woocommerce_tabs ul.tabs li.description_tab a,
.woocommerce-tabs ul.tabs li.description_tab a,
.widget_woodojo_tabs ul.nav-tabs li.additional_information_tab a,
.woocommerce_tabs ul.nav-tabs li.additional_information_tab a,
.woocommerce-tabs ul.nav-tabs li.additional_information_tab a,
.widget_woodojo_tabs ul.tabs li.additional_information_tab a,
.woocommerce_tabs ul.tabs li.additional_information_tab a,
.woocommerce-tabs ul.tabs li.additional_information_tab a,
.widget_woodojo_tabs ul.nav-tabs li.reviews_tab a,
.woocommerce_tabs ul.nav-tabs li.reviews_tab a,
.woocommerce-tabs ul.nav-tabs li.reviews_tab a,
.widget_woodojo_tabs ul.tabs li.reviews_tab a,
.woocommerce_tabs ul.tabs li.reviews_tab a,
.woocommerce-tabs ul.tabs li.reviews_tab a {
text-indent: -9999em;
position: relative;
width: 1em;
}
.widget_woodojo_tabs ul.nav-tabs li.description_tab a:after,
.woocommerce_tabs ul.nav-tabs li.description_tab a:after,
.woocommerce-tabs ul.nav-tabs li.description_tab a:after,
.widget_woodojo_tabs ul.tabs li.description_tab a:after,
.woocommerce_tabs ul.tabs li.description_tab a:after,
.woocommerce-tabs ul.tabs li.description_tab a:after,
.widget_woodojo_tabs ul.nav-tabs li.additional_information_tab a:after,
.woocommerce_tabs ul.nav-tabs li.additional_information_tab a:after,
.woocommerce-tabs ul.nav-tabs li.additional_information_tab a:after,
.widget_woodojo_tabs ul.tabs li.additional_information_tab a:after,
.woocommerce_tabs ul.tabs li.additional_information_tab a:after,
.woocommerce-tabs ul.tabs li.additional_information_tab a:after,
.widget_woodojo_tabs ul.nav-tabs li.reviews_tab a:after,
.woocommerce_tabs ul.nav-tabs li.reviews_tab a:after,
.woocommerce-tabs ul.nav-tabs li.reviews_tab a:after,
.widget_woodojo_tabs ul.tabs li.reviews_tab a:after,
.woocommerce_tabs ul.tabs li.reviews_tab a:after,
.woocommerce-tabs ul.tabs li.reviews_tab a:after {
text-indent: 0;
font-family: 'FontAwesome';
content: "\f0f6";
display: block;
line-height: 1;
height: 1em;
width: 1em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
}
.widget_woodojo_tabs ul.nav-tabs li.additional_information_tab a:after,
.woocommerce_tabs ul.nav-tabs li.additional_information_tab a:after,
.woocommerce-tabs ul.nav-tabs li.additional_information_tab a:after,
.widget_woodojo_tabs ul.tabs li.additional_information_tab a:after,
.woocommerce_tabs ul.tabs li.additional_information_tab a:after,
.woocommerce-tabs ul.tabs li.additional_information_tab a:after {
content: "\f022";
}
.widget_woodojo_tabs ul.nav-tabs li.reviews_tab a:after,
.woocommerce_tabs ul.nav-tabs li.reviews_tab a:after,
.woocommerce-tabs ul.nav-tabs li.reviews_tab a:after,
.widget_woodojo_tabs ul.tabs li.reviews_tab a:after,
.woocommerce_tabs ul.tabs li.reviews_tab a:after,
.woocommerce-tabs ul.tabs li.reviews_tab a:after {
content: "\f005";
}
.widget_woodojo_tabs .panel,
.woocommerce_tabs .panel,
.woocommerce-tabs .panel {
clear: both;
background: #ffffff;
padding: 1.618em;
margin-bottom: 1.618em;
}
.widget_woodojo_tabs ul.nav-tabs {
text-align: center;
margin-bottom: 1.618em;
border: 0;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_woodojo_tabs ul.nav-tabs li {
float: none;
display: inline-block;
}
.widget_woodojo_tabs ul.nav-tabs li a {
padding: 0 !important;
position: relative;
display: block;
width: 1.618em;
height: 1.618em;
font-size: 1.618em;
text-indent: -999em;
background: none !important;
border: 0 !important;
}
.widget_woodojo_tabs ul.nav-tabs li a:after {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: 0;
font-family: 'FontAwesome';
line-height: 1.5;
}
.widget_woodojo_tabs ul.nav-tabs li.active a:after,
.widget_woodojo_tabs ul.nav-tabs li a:hover:after {
color: #77cb6d;
}
.widget_woodojo_tabs ul.nav-tabs li.active a:before,
.widget_woodojo_tabs ul.nav-tabs li a:hover:before {
display: block;
content: "";
position: absolute;
bottom: -0.875em;
left: 50%;
margin-left: -0.5em;
border: .5em solid white;
border-color: white transparent transparent transparent;
}
.widget_woodojo_tabs ul.nav-tabs li.tab-heading-latest a:after {
content: "\f0f6";
}
.widget_woodojo_tabs ul.nav-tabs li.tab-heading-popular a:after {
content: "\f005";
}
.widget_woodojo_tabs ul.nav-tabs li.tab-heading-comments a:after {
content: "\f075";
}
.widget_woodojo_tabs ul.nav-tabs li.tab-heading-tags a:after {
content: "\f02b";
}
.widget_woodojo_tabs .tab-pane ul li {
margin: 0 0 1em;
*zoom: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 1em;
}
.widget_woodojo_tabs .tab-pane ul li:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woodojo_tabs .tab-pane ul li:before,
.widget_woodojo_tabs .tab-pane ul li:after {
content: "";
display: table;
}
.widget_woodojo_tabs .tab-pane ul li:after {
clear: both;
}
#main .widget_woothemes_features .feature {
display: block;
width: 108.33333333333333%;
margin-left: -4.166666666666666%;
margin-right: -4.166666666666666%;
*width: 108.28125%;
*margin-left: -4.218749999999999%;
*margin-right: -4.218749999999999%;
*zoom: 1;
margin-bottom: 1.618em;
}
#main .widget_woothemes_features .feature:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#main .widget_woothemes_features .feature:before,
#main .widget_woothemes_features .feature:after {
content: "";
display: table;
}
#main .widget_woothemes_features .feature:after {
clear: both;
}
#main .widget_woothemes_features .feature img {
display: inline;
float: left;
width: 8.333333333333332%;
margin-left: 4.166666666666666%;
margin-right: 4.166666666666666%;
*width: 8.281249999999998%;
*margin-left: 4.114583333333333%;
*margin-right: 4.114583333333333%;
height: auto;
}
#main .widget_woothemes_features .feature h3,
#main .widget_woothemes_features .feature .feature-content {
display: inline;
float: left;
width: 75%;
margin-left: 4.166666666666666%;
margin-right: 4.166666666666666%;
*width: 74.94791666666667%;
*margin-left: 4.114583333333333%;
*margin-right: 4.114583333333333%;
}
#sidebar .widget_woothemes_features img,
#footer-widgets .widget_woothemes_features img {
float: left;
margin: 0 1em 1em 0;
}
#sidebar .widget_woothemes_features .feature,
#footer-widgets .widget_woothemes_features .feature {
margin-bottom: 2.618em;
}
#main .widget h2:first-of-type,
.home .home .widget h2:first-of-type,
.layout-full.business .widget h2:first-of-type,
#main #recent-products h2:first-of-type,
.home .home #recent-products h2:first-of-type,
.layout-full.business #recent-products h2:first-of-type,
#main #component-widget h2:first-of-type,
.home .home #component-widget h2:first-of-type,
.layout-full.business #component-widget h2:first-of-type {
font-size: 1em;
text-transform: uppercase;
text-align: center;
margin-bottom: 4.236em;
}
.home .homepage-area {
margin-bottom: 4.236em;
}
.home .homepage-area #recent-products:first-child {
padding-top: 5.992em;
}
.business .widget_woothemes_features {
clear: both;
*zoom: 1;
}
.business .widget_woothemes_features:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.business .widget_woothemes_features:before,
.business .widget_woothemes_features:after {
content: "";
display: table;
}
.business .widget_woothemes_features:after {
clear: both;
}
#main .widget_woothemes_testimonials .quote {
margin-bottom: 1.618em;
}
#main .widget_woothemes_testimonials .quote .quote-content {
display: block;
width: 108.33333333333333%;
margin-left: -4.166666666666666%;
margin-right: -4.166666666666666%;
*width: 108.28125%;
*margin-left: -4.218749999999999%;
*margin-right: -4.218749999999999%;
*zoom: 1;
font-style: italic;
}
#main .widget_woothemes_testimonials .quote .quote-content:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#main .widget_woothemes_testimonials .quote .quote-content:before,
#main .widget_woothemes_testimonials .quote .quote-content:after {
content: "";
display: table;
}
#main .widget_woothemes_testimonials .quote .quote-content:after {
clear: both;
}
#main .widget_woothemes_testimonials .quote .quote-content .avatar-link {
display: inline;
float: left;
width: 8.333333333333332%;
margin-left: 4.166666666666666%;
margin-right: 4.166666666666666%;
*width: 8.281249999999998%;
*margin-left: 4.114583333333333%;
*margin-right: 4.114583333333333%;
}
#main .widget_woothemes_testimonials .quote .quote-content .avatar-link img {
width: 100%;
height: auto;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: .334em;
background: #ffffff;
}
#main .widget_woothemes_testimonials .quote .quote-content .testimonials-text {
display: inline;
float: left;
width: 75%;
margin-left: 4.166666666666666%;
margin-right: 4.166666666666666%;
*width: 74.94791666666667%;
*margin-left: 4.114583333333333%;
*margin-right: 4.114583333333333%;
}
#main .widget_woothemes_testimonials .quote .quote-content cite.author {
display: block;
font-style: normal;
font-weight: bold;
}
#main .widget_woothemes_testimonials .quote .quote-content cite.author .excerpt,
#main .widget_woothemes_testimonials .quote .quote-content cite.author .url {
font-weight: normal;
display: block;
}
#sidebar .widget_woothemes_testimonials img,
#footer-widgets .widget_woothemes_testimonials img {
float: right;
margin: 0 0 1em 1em;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#sidebar .widget_woothemes_testimonials .quote,
#footer-widgets .widget_woothemes_testimonials .quote {
margin-bottom: 2.618em;
}
/**
* WooDojo
*/
.widget_woodojo_tweets ul li {
border: 0;
position: relative;
padding-left: 3.706em;
}
.widget_woodojo_tweets ul li:before {
display: block;
font-family: "FontAwesome";
content: "\f099";
position: absolute;
top: 0;
left: 0;
font-size: 1.618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {
clear: both;
}
#comments .nocomments {
padding: 1em 1em 1em 3.706em;
position: relative;
margin-bottom: 1.618em;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #ffffff;
}
#comments .nocomments:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
position: absolute;
top: 1.416em;
left: 1.416em;
padding-left: .541em;
content: "\f05a";
color: #6c98c9;
}
#comments .commentlist {
list-style: none;
}
#comments .commentlist ul.children {
margin: 0;
}
#comments .commentlist li.comment {
list-style: none;
clear: both;
}
#comments .commentlist li.comment .avatar {
height: auto;
}
#comments .commentlist li.comment .avatar img.avatar {
width: 100% !important;
height: auto;
margin: 0 !important;
}
#comments .commentlist > li.comment {
display: block;
width: 106.25%;
margin-left: -3.125%;
margin-right: -3.125%;
*width: 106.19791666666667%;
*margin-left: -3.1770833333333335%;
*margin-right: -3.1770833333333335%;
*zoom: 1;
list-style: none;
}
#comments .commentlist > li.comment:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#comments .commentlist > li.comment:before,
#comments .commentlist > li.comment:after {
content: "";
display: table;
}
#comments .commentlist > li.comment:after {
clear: both;
}
#comments .commentlist > li.comment:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#comments .commentlist > li.comment:before,
#comments .commentlist > li.comment:after {
content: "";
display: table;
}
#comments .commentlist > li.comment:after {
clear: both;
}
#comments .commentlist > li.comment .avatar {
display: inline;
float: left;
width: 6.25%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 6.197916666666667%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#comments .commentlist > li.comment .avatar img {
width: 100%;
height: auto;
}
#comments .commentlist > li.comment .comment-text {
display: inline;
float: left;
width: 81.25%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 81.19791666666667%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
background: #ffffff;
padding: 1.618em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

margin-bottom: 2.618em;
}
#comments .commentlist > li.comment .comment-text p:last-child {
margin-bottom: 0;
}
#comments .commentlist > li.comment .comment-text .comment-head {
margin-bottom: 1em;
}
#comments .commentlist > li.comment .comment-text .comment-head a {
margin-right: 1em;
font-size: .875em;
}
#comments .commentlist > li.comment .comment-text .comment-head .name {
margin-right: 1em;
}
#comments .commentlist > li.comment .comment-text .comment-head .name:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f007";
}
#comments .commentlist > li.comment .comment-text .comment-head a.comment-reply-link:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f112";
}
#comments .commentlist > li.comment .comment-text .comment-head .edit a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f044";
}
#comments .commentlist > li.comment .comment-text .comment-head .date a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f073";
}
#comments .commentlist > li.comment ul.children li.comment .comment-text {
display: inline;
float: left;
width: 68.75%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 68.69791666666667%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#comments .commentlist > li.comment ul.children li.comment .comment-text,
#comments .commentlist > li.comment ul.children li.comment .avatar {
float: right;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment .comment-text {
display: inline;
float: left;
width: 56.25%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 56.197916666666664%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment .comment-text,
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment .avatar {
float: right;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment .comment-text {
display: inline;
float: left;
width: 43.75%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 43.697916666666664%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment .comment-text,
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment .avatar {
float: right;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment ul.children li.comment .comment-text {
display: inline;
float: left;
width: 31.25%;
margin-left: 3.125%;
margin-right: 3.125%;
*width: 31.197916666666668%;
*margin-left: 3.0729166666666665%;
*margin-right: 3.0729166666666665%;
}
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment ul.children li.comment .comment-text,
#comments .commentlist > li.comment ul.children li.comment ul.children li.comment ul.children li.comment ul.children li.comment .avatar {
float: right;
}
#reviews ol.commentlist li.comment .comment-text {
padding: 0;
}
/* 5.2 Comments Form */
#respond label {
color: #616161;
}
#respond #reply-title small {
display: block;
margin: 0 0 1.618em;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
float: left;
margin-right: 3.8%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
}
#respond #commentform label {
display: block;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
/* 5.3 Pingbacks / Trackbacks */
.pinglist li {
margin: 0 0 0 1.618em;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: bold;
}
.pinglist li .pingcontent {
display: block;
margin: 0 0 1.618em;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Timeline Page Template */
.archives_list {
border-left: 1px solid #e6e6e6;
list-style: none;
margin: 0 0 1em 1em;
font-size: .875em;
}
.archives_list li {
clear: left;
padding-left: 2.334em;
font-style: normal;
list-style: none !important;
}
.archives_list li:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f073";
}
.archives_list .date {
color: #616161;
}
.archives_list .linked {
display: none;
}
.archives_list .comments {
display: block;
margin-bottom: 1em;
}
.archives_list .comments a {
color: #6d6d6d;
}
.archives_list .comments a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f075";
}
.archives_list .comments a:hover {
text-decoration: none;
}
h3.archive_year {
font-weight: bold;
color: #474747;
margin-top: 0;
}
/* 6.2 Contact Form */
#contactForm {
clear: both;
}
#contact-page {
*zoom: 1;
}
#contact-page:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#contact-page:before,
#contact-page:after {
content: "";
display: table;
}
#contact-page:after {
clear: both;
}
#contact-page .screenReader {
left: -9999px;
position: absolute;
top: -9999px;
}
#contact-page ol.forms {
float: left;
list-style: none;
width: 100%;
}
#contact-page ol.forms li {
clear: both;
float: left;
margin-bottom: 1.618em;
position: relative;
width: 48%;
}
#contact-page ol.forms li:first-child {
margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons {
width: 100%;
}
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
width: 100%;
}
#contact-page ol.forms li .error {
display: block;
color: red;
}
#contact-page ol.forms li.textarea .error {
display: block;
}
#contact-page ol.forms li.screenReader {
margin-bottom: 0;
}
#contact-page ol.forms li.inline input {
width: auto;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 1em;
}
#contact-page ol.forms input#sendCopy {
border: none;
margin-right: 1em;
}
.entry #contact-page ol.forms li {
list-style: none;
}
.page-template-template-contact-php #location ul {
list-style: none;
}
.page-template-template-contact-php #location ul address {
margin-bottom: 1em;
}
.page-template-template-contact-php #location ul li.tel:before,
.page-template-template-contact-php #location ul li.fax:before,
.page-template-template-contact-php #location ul li.email:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
}
.page-template-template-contact-php #location ul li.tel:before {
content: "\f095";
}
.page-template-template-contact-php #location ul li.fax:before {
content: "\f02f";
}
.page-template-template-contact-php #location ul li.email:before {
content: "\f003";
}
.page-template-template-contact-php #twitter-connect h2:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f099";
}
.page-template-template-contact-php #twitter-connect ul li {
list-style: none;
padding: 1em;
background: #ffffff;
position: relative;
}
.page-template-template-contact-php #twitter-connect ul li:after {
content: "";
display: block;
border: 1em solid red;
border-color: #ffffff transparent transparent transparent;
position: absolute;
left: 1em;
bottom: -2em;
border-width: 1em 0 1em 1em;
}
.page-template-template-contact-php #twitter-connect ul li .content {
display: block;
}
.page-template-template-contact-php #map {
clear: both;
margin-bottom: 1.618em;
}
/* 6.3 Image Gallery */
#main div.gallery {
margin-left: -10px;
}
#main div.gallery dl.gallery-item dt.gallery-icon {
margin: 7%;
}
#main div.gallery dl.gallery-item img {
border: none;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.image-gallery-item img {
max-width: 100%;
padding: .236em;
margin: 0 1em 1em 0;
border: 1px solid #dedede;
background: #f7f7f7;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.image-gallery-item img:hover {
border: 1px solid #c4c4c4;
box-shadow: 0 1px 0.334em 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0.334em 0px rgba(0, 0, 0, 0.2);
}
/* 6.4 Sitemap */
/*-------------------------------------------------------------------------------------------*/
/* 7. FEATURED SLIDER */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Core Styles */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles */
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
overflow: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides .slide-media img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.flexslider .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .flexslider .slides > li:first-child {
display: block;
}
/* 7.2 Theme Styles */
.flexslider {
background: #fff;
position: relative;
zoom: 1;
clear: both;
margin-left: -1.618em;
margin-right: -1.618em;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
width: 30px;
height: 30px;
margin: -20px 0 0;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
background: rgba(0, 0, 0, 0.9);
-webkit-transition: width ease 0.3s;
-moz-transition: width ease 0.3s;
-ms-transition: width ease 0.3s;
-o-transition: width ease 0.3s;
transition: width ease 0.3s;
}
.flex-direction-nav a:after {
font-family: "FontAwesome";
color: #fff;
text-indent: 0;
text-align: center;
line-height: 2;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.flex-direction-nav a.flex-next {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flex-direction-nav a.flex-next:after {
content: "\f054";
}
.flex-direction-nav a.flex-prev {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.flex-direction-nav a.flex-prev:after {
content: "\f053";


Nasnl comments:

Oh, I found the layout.css. I FTP-ed into the server instead of relying on the wordpress editor. Ok, I'll try your suggestions now. I will let you know!


Nasnl comments:

Yup, this solved it completely!

Thanks for your help, very much appreciated. My first wpquestions experience and it has been a very good one.

Jeroen

2013-09-11

Sachindra Narayan answers:

the css change is :

#navigation {
height: 61px;
line-height: 0.96;
margin-left: -1.618em;
margin-right: -1.618em;
padding: 0;
}


you can have the height and the line-height attribute adjusted as per your need...

http://demo2.woothemes.com/peddlar/wp-content/themes/peddlar/css/layout.css
line:456


Nasnl comments:

Thank you for your fast reply as well. My response is included in the answer to Francisco.