-
Search Results
-
If it makes a difference, I'm using the Modern Studio Pro child theme.
I need to find the container width when the layout is set to full width content, and also the widths of the two columns for pages with that layout. I expected to easily find the dimension (and adjust it, if necessary) but I don't see a quick option. I also don't see any reference to it in the code that I can access, except for margins and padding in the CSS.
If you look at my homepage on mobile the amount of white space is perfect.
But if you look at one of my other pages there is too much padding under the menu icon
Can't seem to find where I adjust the responsive Height
/*
Theme Name: Altitude Pro Theme
Theme URI: http://my.studiopress.com/themes/altitude/
Description: Make a stunning first impression, grab attention, and dynamically tell your story with beautiful images and clean typography.
Author: StudioPress
Author URI: http://www.studiopress.com/Version: 1.0.2
Tags: black, white, blue, green, orange, pink, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Template: genesis
Template Version: 2.1License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*//* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Buttons
- Tables
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Plugins
- Genesis eNews Extended
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Primary Navigation
- Secondary Navigation
- Footer Navigation
- Responsive Menu
- Content Area
- Front Page
- Dashicons
- Flexible Widgets
- Content
- Entries
- Entry Meta
- After Entry
- Pagination
- Content Boxes
- Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- Max-width: 1280px
- Max-width: 1200px
- Max-width: 1023px
- Max-width: 800px
- Max-width: 480px*/
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- *//* Baseline Normalize
normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* Box Sizing
--------------------------------------------- */*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}/* Float Clearing
--------------------------------------------- */.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
content: " ";
display: table;
}.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}/*
Defaults
---------------------------------------------------------------------------------------------------- *//* Typographical Elements
--------------------------------------------- */body {
background-color: #fff;
color: #000;
font-family: "Ek Mukta", sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}body.altitude-home {
background: none;
}a,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.site-header.dark {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}::-moz-selection {
background-color: #000;
color: #fff;
}::selection {
background-color: #000;
color: #fff;
}a {
color: #22a1c4;
text-decoration: none;
}a:hover {
color: #000;
}p {
margin: 0 0 30px;
padding: 0;
}ol,
ul {
margin: 0;
padding: 0;
}li {
list-style-type: none;
}b,
strong {
font-weight: 800;
}cite,
em,
i {
font-style: italic;
}blockquote {
color: #999;
margin: 40px;
}blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
}hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #eee;
clear: both;
margin: 40px 0;
}/* Headings
--------------------------------------------- */h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Ek Mukta", sans-serif;
font-weight: 200;
line-height: 1.2;
margin: 0 0 20px;
}h1 {
font-size: 36px;
}h2 {
font-size: 32px;
}.image-section h2,
.solid-section h2 {
font-size: 80px;
font-weight: 200;
line-height: 1;
}.front-page-2.solid-section h2 {
font-size: 48px;
}h3 {
font-size: 30px;
}h4 {
font-size: 24px;
}.image-section h4,
.solid-section h4 {
font-size: 16px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
}h5 {
font-size: 20px;
}h6 {
font-size: 18px;
}/* Objects
--------------------------------------------- */embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}img {
height: auto;
}.full-width-content img.pull-left {
float: left;
margin: 0 40px 40px -200px;
}.full-width-content img.pull-right {
float: right;
margin: 0 -200px 40px 40px;
}.featured-content img,
.gallery img {
width: auto;
}/* Gallery
--------------------------------------------- */.gallery {
margin-bottom: 28px;
overflow: hidden;
}.gallery-item {
float: left;
margin: 0;
padding: 0 4px;
text-align: center;
}.gallery-columns-1 .gallery-item {
width: 100%;
}.gallery-columns-2 .gallery-item {
width: 50%;
}.gallery-columns-3 .gallery-item {
width: 33%;
}.gallery-columns-4 .gallery-item {
width: 25%;
}.gallery-columns-5 .gallery-item {
width: 20%;
}.gallery-columns-6 .gallery-item {
width: 16.6666%;
}.gallery-columns-7 .gallery-item {
width: 14.2857%;
}.gallery-columns-8 .gallery-item {
width: 12.5%;
}.gallery-columns-9 .gallery-item {
width: 11.1111%;
}.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}.gallery .gallery-item img {
border: none;
height: auto;
margin: 0;
}/* Forms
--------------------------------------------- */input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: none;
color: #000;
font-size: 20px;
font-weight: 200;
padding: 20px;
width: 100%;
}input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}.front-page input:focus,
.front-page textarea:focus {
border: 1px solid #22a1c4;
outline: none;
}input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}::-moz-placeholder {
color: #000;
opacity: 1;
}::-webkit-input-placeholder {
color: #000;
}button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget .button {
background-color: #22a1c4;
border: 2px solid #22a1c4;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 800;
letter-spacing: 2px;
padding: 15px 25px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
white-space: normal;
width: auto;
}input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}/* Buttons
--------------------------------------------- */button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button.clear:hover,
.button:hover,
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .widget .button,
.widget .button:hover,
.widget .button.clear:hover {
background-color: #000;
border: 2px solid #000;
color: #fff;
}.button {
display: inline-block;
}button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
padding: 8px 16px;
}.widget .button.clear {
background-color: transparent;
border: 2px solid #000;
color: #000;
}.image-section .button {
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
}.image-section .button.clear {
border-color: #fff;
color: #fff;
}.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .widget .button:hover,
.image-section button:hover,
.image-section input:hover[type="button"],
.image-section input:hover[type="reset"],
.image-section input:hover[type="submit"],
.image-section .widget .button:hover {
background-color: #fff;
border: 2px solid #fff;
color: #000;
}button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
background-color: #ddd;
border-color: #ddd;
color: #fff;
cursor: not-allowed;
}/* Tables
--------------------------------------------- */table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}tbody {
border-bottom: 1px solid #ddd;
}th,
td {
text-align: left;
}th {
font-weight: bold;
text-transform: uppercase;
}td {
border-top: 1px solid #ddd;
padding: 6px 0;
}/*
Structure and Layout
---------------------------------------------------------------------------------------------------- *//* Site Containers
--------------------------------------------- */.site-inner,
.wrap {
float: none;
margin: 0 auto;
max-width: 1200px;
}.site-inner {
background-color: #fff;
clear: both;
margin-top: 170px;
position: relative;
z-index: 9;
word-wrap: break-word;
}.front-page .site-container .site-inner {
margin-top: 0;
max-width: 100%;
}.altitude-landing .site-container .site-inner {
margin-top: 100px;
}.secondary-nav .site-inner {
margin-top: 250px;
}/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}.one-third,
.two-sixths {
width: 31.623931623931625%;
}.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}.one-fourth {
width: 23.076923076923077%;
}.three-fourths {
width: 74.35897435897436%;
}.one-sixth {
width: 14.52991452991453%;
}.five-sixths {
width: 82.90598290598291%;
}.first {
clear: both;
margin-left: 0;
}/*
Common Classes
---------------------------------------------------------------------------------------------------- *//* Avatar
--------------------------------------------- */.avatar {
border-radius: 50%;
float: left;
}.author-box .avatar {
height: 88px;
width: 88px;
}.entry-comments .avatar {
height: 60px;
width: 60px;
}.alignleft .avatar,
.author-box .avatar {
margin-right: 24px;
}.alignright .avatar {
margin-left: 24px;
}.comment .avatar {
margin: 0 20px 24px 0;
}/* Genesis
--------------------------------------------- */.breadcrumb {
border-bottom: 2px solid #f5f5f5;
font-size: 20px;
margin-bottom: 60px;
padding-bottom: 10px;
}.archive-description,
.author-box {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-size: 20px;
margin-bottom: 100px;
padding: 40px 0;
}.author-box-title {
font-size: 22px;
margin-bottom: 8px;
}.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
}/* Search Form
--------------------------------------------- */.search-form {
overflow: hidden;
}.search-form input[type="search"] {
margin-right: 10px;
width: auto;
}.search-form input[type="submit"] {
padding: 25px;
}.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}/* Titles
--------------------------------------------- */.archive-title {
font-size: 24px;
line-height: 1;
margin-bottom: 20px;
}.entry-title {
font-size: 48px;
}.sidebar .entry-title {
font-size: 24px;
text-align: left;
}.entry-title a {
color: #000;
}.entry-title a:hover {
color: #22a1c4;
}.widget-full .widget-title {
margin-bottom: 40px;
}/* WordPress
--------------------------------------------- */.alignleft {
float: left;
text-align: left;
}.alignright {
float: right;
text-align: right;
}a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}a.alignnone {
display: inline-block;
}a.aligncenter img {
display: block;
margin: 0 auto;
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}img.alignnone,
.alignnone {
margin: 0 0 12px;
}a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}.wp-caption-text {
font-size: 18px;
line-height: 1.2;
text-align: center;
}.entry-content p.wp-caption-text {
margin-bottom: 0;
}.gallery-caption,
.entry-content .gallery-caption {
margin: 0 0 10px;
}.post-password-form input {
width: auto;
}.post-password-form input[type="submit"] {
padding: 25px;
}.wp-audio-shortcode,
.wp-playlist,
.wp-video {
margin: 0 0 28px;
}/*
Widgets
---------------------------------------------------------------------------------------------------- */.widget {
word-wrap: break-word;
}.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}.widget ul li {
margin-bottom: 10px;
padding-bottom: 10px;
}.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}.widget_calendar table {
width: 100%;
}.widget_calendar td,
.widget_calendar th {
text-align: center;
}/* Featured Content
--------------------------------------------- */.featured-content .entry-title {
font-size: 24px;
}/* Simple Social Icons
--------------------------------------------- */.altitude-home .content .simple-social-icons {
margin-top: 40px;
}.altitude-home .content .simple-social-icons ul li {
margin: 0 20px !important;
}.altitude-home .content .simple-social-icons ul li a,
.altitude-home .content .simple-social-icons ul li a:hover {
padding: 30px;
}/*
Plugins
---------------------------------------------------------------------------------------------------- *//* Genesis eNews Extended
--------------------------------------------- */.enews-widget input {
font-size: 18px;
margin-bottom: 20px;
}.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
}.enews form + p {
margin-top: 24px;
}/* Genesis Portfolio Pro
--------------------------------------------- */.genesis-pro-portfolio .content .pro-portfolio {
padding: 0;
}/* Jetpack
--------------------------------------------- */#wpstats {
display: none;
}/*
Site Header
---------------------------------------------------------------------------------------------------- */.site-header {
background-color: #fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}.featured-section .site-header {
background-color: fff;
}.featured-section .site-header > .wrap {
border-bottom: 1px solid #fff;
}.site-header.dark {
background-color: #fff;
}.site-header.dark > .wrap {
border-bottom: none;
}.site-header.dark .nav-secondary {
display: none;
}.admin-bar .site-header {
top: 32px;
}/* Title Area
--------------------------------------------- */.title-area {
float: left;
padding: 25px 0;
width: 360px;
}.site-header.dark .title-area {
padding: 15px 0;
}.site-title {
font-size: 24px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase;
}.site-title a,
.site-title a:hover {
color: #fff !important;
}.header-image .title-area,
.header-image .site-header.dark .title-area {
padding: 0;
}.header-image .site-title > a {
background-size: contain !important;
display: block;
height: 76px;
text-indent: -9999px;
}.header-image .dark .site-title > a {
height: 56px;
}.site-description {
display: block;
height: 0;
margin-bottom: 0;
text-indent: -9999px;
}/*
Site Navigation
---------------------------------------------------------------------------------------------------- */.fl-module-menu .fl-menu ul,
.fl-module-menu .fl-menu li {
list-style: none;
}.genesis-nav-menu {
line-height: 1;
}.genesis-nav-menu .menu-item {
display: inline-block;
text-align: center;
}.genesis-nav-menu li li {
margin-left: 0;
}.genesis-nav-menu a {
color: #000;
display: block;
font-size: 14px;
font-weight: 900;
letter-spacing: 1px;
padding: 30px 15px;
text-transform: uppercase;
}.site-header.dark .genesis-nav-menu a {
padding: 20px 15px;
}.genesis-nav-menu li.highlight a:hover::before {
color: #000;
}.genesis-nav-menu li.highlight > a {
font-weight: 800;
}.front-page .genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a {
border-bottom: 2px solid transparent;
}.front-page .genesis-nav-menu li.current-menu-item > a:hover,
.genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a:hover {
border-color: #fff;
}.genesis-nav-menu > .menu-item > a {
text-transform: capitalize;
}.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}.genesis-nav-menu .sub-menu a {
background-color: #111;
padding: 20px;
position: relative;
width: 200px;
}.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
background-color: #fff;
}.genesis-nav-menu .sub-menu .sub-menu {
margin: -54px 0 0 199px;
}.genesis-nav-menu .menu-item:hover {
position: static;
}.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}.genesis-nav-menu > .first > a {
padding-left: 0;
}.genesis-nav-menu > .last > a {
padding-right: 0;
}.genesis-nav-menu > .right {
color: #000;
display: inline-block;
list-style-type: none;
padding: 27px 20px;
text-transform: uppercase;
}.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}.genesis-nav-menu > .rss > a {
margin-left: 48px;
}.genesis-nav-menu > .search {
display: block;
margin: 0 auto;
padding: 0 20px 20px;
width: 50%;
}/* Primary Navigation
--------------------------------------------- */.nav-primary {
text-align: right;
}.nav-primary .genesis-nav-menu {
float: right;
}/* Secondary Navigation
--------------------------------------------- */.nav-secondary {
border-bottom: 1px solid #fff;
}/* Footer Navigation
--------------------------------------------- */.nav-footer .genesis-nav-menu {
padding: 20px 0;
}.nav-footer .genesis-nav-menu a {
border: none;
font-weight: 800;
letter-spacing: 3px;
margin: 0 20px;
padding: 0;
}/* Responsive Menu
--------------------------------------------- */.responsive-menu-icon {
cursor: pointer;
display: none;
margin-bottom: 10px;
text-align: center;
}.responsive-menu-icon::before {
color: #000;
content: "\f333";
font: normal 24px/1 "dashicons";
margin: 0 auto;
}.nav-secondary .responsive-menu-icon {
margin: 10px auto 0;
}/*
Content Area
---------------------------------------------------------------------------------------------------- *//* Front Page
--------------------------------------------- */.image-section,
.solid-section {
clear: both;
text-align: center;
width: 100%;
}.image-section {
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}.image-section .widget-area {
display: table-cell;
text-align: center;
vertical-align: middle;
}.image-section,
.image-section a {
color: #fff;
}.image-section a:hover,
.image-section .featured-content .entry-title a:hover {
color: #22a1c4;
}.solid-section {
background-color: #fff;
}.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
z-index: 9;
}.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}.front-page-1 {
position: relative;
}.front-page-1 .image-section {
padding-top: 75px;
}.secondary-nav .front-page-1 .image-section {
padding-top: 150px;
}.front-page-4 .solid-section {
background-color: #f3f3f3;
}.bottom-image {
margin-bottom: -120px;
margin-top: 100px;
}.bottom-image img {
margin-bottom: -10px;
}.front-page .field-wrap:last-child {
margin-bottom: 0;
}.small-disclaimer {
font-size: 14px;
font-style: italic;
}/* Dashicons
--------------------------------------------- */.front-page .dashicons {
font-size: 40px;
height: 40px;
margin-bottom: 20px;
width: 40px;
}/* Flexible Widgets
--------------------------------------------- */.flexible-widgets {
padding-bottom: 60px;
padding-top: 100px;
}.flexible-widgets .widget {
float: left;
margin: 0 0 40px 2.564102564102564%;
}.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-area .widget:nth-of-type(1),
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
background: none;
margin-left: 0;
padding: 0;
width: 100%;
}.widget-area.flexible-widgets.widget-half .widget,
.flexible-widgets.widget-halves .widget {
width: 48.717948717948715%;
}.flexible-widgets.widget-thirds .widget {
width: 31.623931623931625%;
}.flexible-widgets.widget-fourths .widget {
width: 23.076923076923077%;
}.flexible-widgets.widget-halves .widget:nth-child(even),
.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
clear: left;
margin-left: 0;
}.solid-section .widget {
background-color: #fff;
padding: 40px;
}.solid-section .widget-title {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 30px;
}.flexible-widgets.widget-halves h2,
.flexible-widgets.widget-thirds h2,
.flexible-widgets.widget-fourths h2 {
font-size: 36px;
}/* Content
--------------------------------------------- */.content {
float: left;
width: 700px;
}.page .content {
padding-bottom: 50px;
}.sidebar-content .content {
float: right;
}.full-width-content .content {
padding: 0 200px 50px;
width: 100%;
}.full-width-content.front-page .content {
padding: 0;
}/* Entries
--------------------------------------------- */.entry {
margin-bottom: 100px;
}.widget .entry {
margin-bottom: 40px;
}.entry-content ol,
.entry-content ul {
margin-bottom: 30px;
margin-left: 40px;
}.entry-content ol > li {
list-style-type: decimal;
}.entry-content ul > li {
list-style-type: disc;
}.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}.entry-content code {
background-color: #000;
color: #ddd;
}/* Entry Meta
--------------------------------------------- */p.entry-meta {
font-size: 20px;
margin-bottom: 0;
}.entry-header,
.entry-footer {
text-align: center;
}.entry-header p.entry-meta {
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 16px;
text-transform: uppercase;
}.entry-header::after {
border-bottom: 1px solid #000;
content: "";
display: block;
margin: 0 auto 60px;
padding-bottom: 30px;
width: 25%;
}.image-section .entry-header::after {
border-color: #fff;
}.entry-footer::before {
border-top: 1px solid #000;
content: "";
display: block;
margin: 30px auto 0;
padding-top: 60px;
width: 25%;
}.sidebar .entry-header::after {
display: none;
}.entry-categories::before,
.entry-tags::before {
display: inline-block;
font: normal 20px/1 "dashicons";
margin-right: 5px;
margin-top: 2px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
}.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}/* After Entry
--------------------------------------------- */.after-entry {
border-top: 1px solid #000;
padding: 40px 0;
}.after-entry .widget {
margin-bottom: 40px;
}.after-entry p:last-child,
.after-entry .widget:last-child {
margin: 0;
}.after-entry li {
list-style-type: none;
}/* Pagination
--------------------------------------------- */.pagination {
clear: both;
margin: 40px 0;
}.adjacent-entry-pagination {
margin-bottom: 0;
}.archive-pagination li {
display: inline;
}.archive-pagination li a {
background-color: #000;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
display: inline-block;font-size: 14px;
letter-spacing: 1px;
padding: 8px 12px;
text-transform: uppercase;
}.archive-pagination li a:hover,
.archive-pagination .active a {
background-color: #22a1c4;
color: #fff;
}/* Comments
--------------------------------------------- */.comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 100px;
}p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
margin-bottom: 40px;
}.comment-header {
font-size: 20px;
}.entry-comments .comment {
border-bottom: 1px solid #000;
}.comment-content,
.entry-comments .comment {
clear: both;
}p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
margin: 0;
}.entry-comments .children .comment {
border: none;
}.comment-respond label {
display: block;
font-weight: 800;
}.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 100%;
}.comment-list li,
.ping-list li {
list-style-type: none;
}.entry-comments ul.children {
margin-left: 40px;
}.ping-list .reply {
display: none;
}/*
Sidebar
---------------------------------------------------------------------------------------------------- */.sidebar {
float: right;
width: 360px;
}.sidebar-content .sidebar {
float: left;
}.sidebar p:last-child {
margin-bottom: 0;
}.sidebar li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
}.sidebar ul > li:last-child {
margin-bottom: 0;
}.sidebar .widget {
margin-bottom: 40px;
}/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */.footer-widgets {
background-color: #22a1c4;
clear: both;
text-align: center;
position: relative;
z-index: 9;
}.footer-widgets .wrap {
padding-bottom: 100px;
padding-top: 100px;
}.footer-widgets,
.footer-widgets .wrap a,
.footer-widgets .wrap a.button {
color: #fff;
}.footer-widgets a:hover {
color: #000;
}.footer-widgets li {
margin-bottom: 10px;
padding-bottom: 10px;
}.footer-widgets .widget {
margin-bottom: 40px;
}.footer-widgets p:last-child {
margin-bottom: 0;
}/*
Site Footer
---------------------------------------------------------------------------------------------------- */.site-footer {
background-color: #000;
padding: 20px;
text-align: center;
}.site-footer,
.site-footer a,
.site-footer p {
color: #fff;
}.site-footer a:hover {
color: #22a1c4;
}.site-footer p {
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 0;
text-transform: uppercase;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {.site-inner,
.wrap {
max-width: 1140px;
}}
@media only screen and (max-width: 1200px) {.site-inner,
.wrap {
max-width: 960px;
}.site-header .widget-area {
width: 580px;
}.content {
width: 520px;
}.full-width-content .content {
padding: 0 110px;
}.genesis-nav-menu a {
padding: 30px 10px;
}.site-header.dark .genesis-nav-menu a {
padding: 20px 10px;
}.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: scroll;
}}
@media only screen and (max-width: 1023px) {.site-inner,
.wrap {
max-width: 768px;
}.secondary-nav .site-inner {
margin-top: 80px;
}.front-page .site-inner {
max-width: none;
}.site-header {
position: static;
}.front-page .site-header {
background-color: #fff;
}.front-page .site-header > .wrap {
border: none;
}.content,
.sidebar,
.site-header .widget-area,
.title-area {
width: 100%;
}.site-header .title-area,
.site-header.dark .title-area {
padding: 15px 0;
}.header-image .dark .site-title > a {
height: 76px;
}.genesis-nav-menu,
.site-header .widget-area,
.site-title {
text-align: center;
}.header-image .site-title > a {
background-position: center !important;
}.nav-primary .genesis-nav-menu {
float: none;
}.nav-secondary,
.site-header.dark .nav-secondary {
border-bottom: none;
display: block;
}.genesis-nav-menu a,
.site-header.dark .genesis-nav-menu a {
padding: 10px;
}.front-page .site-inner {
margin-top: 0;
}.site-inner {
margin-top: 80px;
}.full-width-content .content {
padding: 0;
}.full-width-content img.pull-left {
margin-left: 0;
}.full-width-content img.pull-right {
margin-right: 0;
}.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget,
.flexible-widgets.widget-fourths .widget {
margin: 0 auto 20px;
width: 100%;
}.image-section h2,
.solid-section h2 {
font-size: 60px;
}.front-page-1 .image-section,
.secondary-nav .front-page-1 .image-section {
padding-top: 0;
}}
@media only screen and (max-width: 800px) {.site-inner,
.wrap {
max-width: none;
width: 100%;
}.site-inner,
.wrap {
padding: 0 5%;
}.front-page .site-inner {
padding: 0;
}.genesis-nav-menu.responsive-menu {
display: none;
float: none;
padding-bottom: 20px;
}.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: block;
}.genesis-nav-menu.responsive-menu .menu-item:hover {
position: static;
}.genesis-nav-menu.responsive-menu li.current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu li a,
.genesis-nav-menu.responsive-menu li a:hover {
background: none;
border: none;
display: block;
padding: 10px 0;
text-transform: none;
}.genesis-nav-menu.responsive-menu .menu-item-has-children {
cursor: pointer;
}.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
margin-right: 60px;
}.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
content: "\f347";
float: right;
font: normal 20px/1 "dashicons";
height: 20px;
padding: 7px 20px;
right: 0;
text-align: right;
z-index: 9999;
}.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
content: "\f343";
}.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
display: none;
}.genesis-nav-menu.responsive-menu .sub-menu {
background-color: rgba(255, 255, 255, 0.05);
left: auto;
opacity: 1;
position: relative;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 100%;
z-index: 99;
}.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
background-color: transparent;
margin: 0;
padding-left: 25px;
}.genesis-nav-menu.responsive-menu .sub-menu li a,
.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
padding: 10px 0;
position: relative;
text-transform: none;
width: 100%;
}.genesis-nav-menu.responsive-menu .current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a,
.genesis-nav-menu.responsive-menu a:hover {
background: none;
}.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
.site-header .genesis-nav-menu.responsive-menu .sub-menu,
.site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
.site-header .genesis-nav-menu.responsive-menu a:hover {
color: #fff;
}.altitude-home .simple-social-icons ul li {
margin: 0 20px 20px !important;
}.footer-widgets .wrap {
padding-top: 60px;
padding-bottom: 60px;
}.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 0;
margin-top: 0;
}.image-section .flexible-widgets {
padding-bottom: 80px;
}.solid-section .flexible-widgets {
padding-bottom: 40px;
padding-top: 60px;
}.bottom-image {
margin-top: 60px;
margin-bottom: -80px;
}}
@media only screen and (max-width: 480px) {.image-section h2,
.solid-section h2 {
font-size: 40px;
}}
I think there's more than meets the eye here.
I've tried adjusting priority with zero joy. I think the footer widgets are hard coded into the theme. The theme is Beautiful Pro
Add_theme_support is the only function for the footer widgets. That's it. Below's the code.
add_theme_support( 'genesis-footer-widgets', 9 );My custom widget looks like this.
genesis_register_sidebar( array( 'id' => 'contact-form-widget', //*unique ID 'name' => __( 'Contact Form Bottom', 'beautiful' ), 'description' => __( 'A full width area just above the footer front page only.', 'beautiful' ), ) ); //* Placing The Full Width Bottom Widget on FP only genesis_before_footer add_action( 'genesis_before_footer', 'sef_add_page_content', 2 ); //* Low priority numbers show up first function sef_add_page_content() { if ( !is_front_page() ) genesis_widget_area ('contact-form-widget', array( 'before' => '<div class="contact-form-bottom"><div class="wrap">', 'after' => '</div></div>', ) ); }What does it mean when there's no "add_action" for the footers?
Unfortunately reassignment to another hook is not an option. But thanks for the help.
In reply to: Altitude Pro theme sizing issues in wide screen
t-west,
Just looking at the css/structure of the site, the soliloquy are has a max-width of 1600px. This could be part of the issue. It really sounds like there is a still width limitation somewhere.
For issue #2, since you set a width of 100%, there is now a need for padding --or margin-- to prevent the images from being flush with the side of the screen.
You could try this for issue #2
.front-page-2 { margin-left: 30px; margin-right: 30px; }You can adjust as needed, just be make sure to test that it does not screw anything up while on smaller/mobile screen sizes.
In reply to: Eleven40 Pro Heder image and nav color
Hey,
You can change the color of the header by finding this selector in your style.css file:
.site-header { background-color: yourcolor; }As for adding a site-wide banner, you could add this in your functions.php:
//* Hooks a sitewide banner before the header add_action( 'genesis_after_header', 'bc_site_wide_banner'); function bc_site_wide_banner() { ?> <div class="site-wide-banner"><img src="YOUR IMAGE HERE" alt="this describes the picture"></div> <?php } ?>Note: Watch out for those closing php tags. Try adding the snippet to the end of your functions.php file so you don't get any errors.
And some basic styling for the site wide banner to your style.css file:
/* Site Wide Banner */ .site-wide-banner > img { height: 300px; width: 100%; }You can adjust the values according to how you want your image to display. This will create a banner that goes the full width of the page.
In reply to: Mobile Navigation Menu Not Showing properly
/* Theme Name: Lifestyle Pro Theme Theme URI: http://my.studiopress.com/themes/lifestyle/ Description: A mobile responsive and HTML5 theme built for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 3.0.0 Tags: green, tan, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.0.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Home Page - Miscellaneous - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Responsive Slider - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Home Page - Entries - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Theme Colors - Lifestyle Pro Blue - Lifestyle Pro Green - Lifestyle Pro Mustard - Lifestyle Pro Purple - Lifestyle Pro Red - Media Queries - Retina Display - max-width: 1139px - max-width: 1023px - max-width: 767px */ /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Normalize normalize.css v2.1.2 | MIT License | git.io/normalize --------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .clearfix:before, .entry-content:before, .entry:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before { content: " "; display: table; } .clearfix:after, .entry-content:after, .entry:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } body { color: #555555; font-family: 'Droid Sans', sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.625; } a, button, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } a { color: #76d2c5; text-decoration: none; } a:hover, .site-footer a:hover { color: #222; } p { margin: 0 0 16px; margin: 0 0 1.6rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote, blockquote::before { color: #999; } blockquote { margin: 40px 40px 24px; margin: 4rem 4rem 2.4rem; } blockquote::before { content: "“"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } .entry-content code { background-color: #333; color: #ddd; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #222; font-family: 'Roboto Slab', sans-serif; font-weight: 300; line-height: 1.2; margin: 0 0 24px; margin: 0 0 2.4rem; } h1, .entry-title { font-size: 30px; font-size: 3rem; } h2, .home-top .entry-title { font-size: 24px; font-size: 2.4rem; } h3, .archive-title, .comments-title, .home-bottom .entry-title, .home-middle .entry-title { font-size: 20px; font-size: 2rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6, .sidebar .entry-title { font-size: 16px; font-size: 1.6rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; /* IE8 */ } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #eeeee8; box-shadow: 0 0 5px #f8f8f8 inset; color: #999; font-size: 14px; font-size: 1.4rem; padding: 16px; padding: 1.6rem; width: 100%; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #76d2c5; box-shadow: none; border: none; color: #fff; cursor: pointer; padding: 16px 24px; padding: 1.6rem 2.4rem; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #eeeee8; color: #a5a5a3; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #eeeee8; } th, td { text-align: left; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #eeeee8; padding: 6px 0; padding: 0.6rem 0; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-container { background-color: #fff; box-shadow: 0 0 5px #ddd; margin: 32px auto; margin: 3.2rem auto; max-width: 1140px; overflow: hidden; padding: 36px; padding: 3.6rem; } .site-inner { clear: both; padding-top: 32px; padding-top: 3.2rem; } .wrap { margin: 0 auto; max-width: 1140px; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 868px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content { float: right; width: 700px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 500px; } .full-width-content .content { width: 100%; } .lifestyle-pro-landing .site-container { max-width: 772px; } .lifestyle-pro-landing .site-inner, .lifestyle-pro-landing .entry { padding: 0; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 332px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 164px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } .search-form { overflow: hidden; width: 100%; } .search-form input[type="search"] { background: #fff url(images/search.png) no-repeat 15px 16px; background-size: 15px 15px; padding: 16px 16px 16px 44px; padding: 1.6rem 1.6rem 1.6rem 4.4rem; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem; } a.alignnone img, img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignright { max-width: 100%; } a.alignleft img, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } a.alignright img, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; } .entry-content .wp-caption-text { font-size: 14px; font-size: 1.4rem; margin: 0; text-align: center; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { border: 1px solid #eeeee8; font-size: 12px; font-size: 1.2rem; margin-bottom: 32px; margin-bottom: 3.2rem; padding: 16px 32px; padding: 1.6rem 3.2rem; } .archive-description, .author-box, .sticky { border: 1px solid #eeeee8; margin-bottom: 32px; margin-bottom: 3.2rem; overflow: hidden; padding: 32px; padding: 3.2rem; } .author-box-title { font-size: 16px; font-size: 1.6rem; margin: 0 0 8px; margin: 0 0 0.8rem; } .author-box p { margin-bottom: 0; } .author-box .avatar { margin-right: 24px; margin-right: 2.4rem; } /* Titles --------------------------------------------- */ .site-header .widget-title { color: #fff; } .entry-title a, .sidebar .widget-title a { color: #222; text-decoration: none; } .entry-title a:hover { color: #76d2c5; } .archive-title { font-size: 20px; font-size: 2rem; } /* Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } /* Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 32px; margin-bottom: 3.2rem; text-align: center; } .featured-content .entry-header { border: none; margin-bottom: 12px; margin-bottom: 1.2rem; } .featured-content .entry-title { margin-bottom: 8px; margin-bottom: 0.8rem; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget input { margin-bottom: 16px; margin-bottom: 1.6rem; } .enews-widget input[type="submit"] { margin: 0; width: 100%; } .enews-widget input { margin-bottom: 12px; margin-bottom: 1.2rem; } /* Genesis Responsive Slider --------------------------------------------- */ .widget.genesis_responsive_slider li { border: 0; margin-bottom: 0; padding-bottom: 0; } /* Gravity Forms --------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1.6rem; padding: 16px; padding: 1.6rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { border: none; margin: 16px 0 0; margin: 1.6rem 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } /* Jetpack --------------------------------------------- */ img#wpstats { display: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #76d2c5; padding: 48px; padding: 4.8rem; overflow: hidden; } /* Title Area --------------------------------------------- */ .title-area { float: left; width: 320px; } .site-title { font-family: 'Roboto Slab', sans-serif; font-size: 50px; font-size: 5rem; line-height: 1; margin: 0 0 16px; margin: 0 0 1.6rem; } .site-title a, .site-title a:hover { color: #fff; text-decoration: none; } .site-description { color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 1; margin: 0; } /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { text-align: center; width: 100%; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } .header-full-width.header-image .site-title a { background-position: center !important; margin: 0; } /* Logo, hide text */ .header-image .title-area { padding: 0; } .header-image .site-title a { float: left; min-height: 110px; width: 100%; } /* Widget Area --------------------------------------------- */ .site-header .widget-area { color: #fff; float: right; width: 600px; } .site-header .search-form { float: right; margin-top: 16px; margin-top: 1.6rem; } .site-header .widget-area a { color: #fff; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 14px; font-size: 1.4rem; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { color: #fff; display: block; padding: 20px 24px; padding: 2rem 2.4rem; position: relative; text-decoration: none; } .genesis-nav-menu > li:hover a, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { background-color: #fff; color: #a5a5a3; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 184px; z-index: 99; } .genesis-nav-menu > li:hover .sub-menu a, .genesis-nav-menu .sub-menu a { background-color: #fafafa; color: #a5a5a3; font-size: 12px; font-size: 1.2rem; padding: 16px 24px; padding: 1.6rem 2.4rem; position: relative; width: 184px; } .genesis-nav-menu > li:hover .sub-menu a:hover, .genesis-nav-menu .sub-menu a:hover { background-color: #eeeee8; color: #222; } .genesis-nav-menu .sub-menu .sub-menu { margin: -44px 0 0 183px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { display: inline-block; float: right; list-style-type: none; padding: 20px 0; padding: 2rem 0; } .genesis-nav-menu > .right > a { background: none; color: #a5a5a3; display: inline; padding: 0; } .genesis-nav-menu > .right > a:hover { color: #76d2c5; } .genesis-nav-menu > .rss > a { margin-left: 48px; margin-left: 4.8rem; } .genesis-nav-menu > .search { padding: 0; } .genesis-nav-menu .search-form input[type="search"] { background-position: 12px 12px; font-size: 12px; font-size: 1.2rem; padding: 12px 12px 12px 44px; padding: 1.2rem 1.2rem 1.2rem 4.4rem; } /* Site Header Navigation --------------------------------------------- */ .site-header .genesis-nav-menu li, .site-header .widget_nav_menu ul ul { border: none; margin: 0; padding: 0; } /* Primary Navigation --------------------------------------------- */ .nav-primary a { color: #a5a5a3; } .genesis-nav-menu > li:hover a, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a { color: #222; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #91dbd1; } /* Responsive Menu --------------------------------------------- */ .responsive-menu-icon { cursor: pointer; display: none; text-align: center; } .responsive-menu-icon::before { content: "\f333"; display: inline-block; font: normal 20px/1 'dashicons'; margin: 0 auto; padding: 10px; } .site-header .responsive-menu-icon::before { padding: 0; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Home Page --------------------------------------------- */ .lifestyle-pro-home .content .widget { margin-bottom: 32px; margin-bottom: 3.2rem; } .lifestyle-pro-home .featuredpost img { margin-bottom: 20px; margin-bottom: 2rem; } .lifestyle-pro-home .featured-content .entry { margin-bottom: 20px; margin-bottom: 2rem; padding-bottom: 20px; padding-bottom: 2rem; } .lifestyle-pro-home .entry:last-child { margin-bottom: 0; } .home-middle .featuredpost img { margin-bottom: 0; margin-right: 20px; margin-right: 2rem; } .home-bottom-left, .home-bottom-right { width: 332px; } .home-bottom-left { float: left; } .home-bottom-right { float: right; } .lifestyle-pro-home .content .featuredpost p { margin: 0; } .lifestyle-pro-home .content .widget-title { background-color: #76d2c5; color: #fff; padding: 12px 32px; padding: 1.2rem 3.2rem; } /* Entries --------------------------------------------- */ .content .entry { border: 1px solid #eeeee8; margin-bottom: 32px; margin-bottom: 3.2rem; padding: 32px; padding: 3.2rem; } .lifestyle-pro-landing .content .entry { border: none; } .entry-header { border-bottom: 1px solid #eeeee8; margin-bottom: 32px; margin-bottom: 3.2rem; text-align: center; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 26px; margin-bottom: 2.6rem; } .entry-content ol, .entry-content ul { margin-left: 40px; margin-left: 4rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-meta { font-size: 12px; font-size: 1.2rem; } .entry-header .entry-meta { margin-bottom: 24px; margin-bottom: 2.4rem; } .entry-footer .entry-meta { border-top: 1px solid #eeeee8; margin: 0; padding: 32px 0 8px; padding: 3.2rem 0 0.8rem; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; margin: 0 0.6rem 0 0.2rem; } .entry-meta .entry-tags { float: right; } /* Entry Navigation --------------------------------------------- */ .archive-pagination { clear: both; font-size: 14px; font-size: 1.4rem; margin: 40px 0; margin: 4rem 0; } .archive-pagination li { display: inline; } .archive-pagination li a { border: 1px solid #eeeee8; color: #a5a5a3; cursor: pointer; display: inline-block; margin-bottom: 4px; margin-bottom: 0.4rem; padding: 8px 12px; padding: 0.8rem 1.2rem; text-decoration: none; } .archive-pagination li a:hover, .archive-pagination li.active a { color: #76d2c5; } /* Comments --------------------------------------------- */ .ping-list, .entry-comments, .comment-respond { margin-bottom: 40px; margin-bottom: 4rem; } .comment-content { clear: both; } .entry-comments .comment-author { margin-bottom: 0; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50% } .comment-respond label { display: block; margin-right: 12px; margin-right: 1.2rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; margin-top: 2.4rem; padding: 32px; padding: 3.2rem; } .comment-list li li { margin-right: -32px; margin-right: -3.2rem; } .comment { border: 1px solid #eeeee8; border-right: none; } .comment.depth-1 { border-right: 1px solid #eeeee8; } .comment .avatar { margin: 0 16px 24px 0; margin: 0 1.6rem 2.4rem 0; } .form-allowed-tags { background-color: #f8f8f8; font-size: 14px; font-size: 1.4rem; padding: 24px; padding: 2.4rem; } p.subscribe-to-comments { padding: 24px 0 16px; padding: 2.4rem 0 1.6rem; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 15px; font-size: 1.5rem; } .sidebar p:last-child { margin-bottom: 0; } .sidebar .widget { border: 1px solid #eeeee8; margin-bottom: 32px; margin-bottom: 3.2rem; padding: 32px; padding: 3.2rem; text-align: center; } .widget li { border-bottom: 1px solid #eeeee8; list-style-type: none; margin-bottom: 12px; margin-bottom: 1.2rem; padding-bottom: 12px; padding-bottom: 1.2rem; } .widget ul ul { border-top: 1px solid #eeeee8; margin-top: 12px; margin-top: 1.2rem; padding-top: 12px; padding-top: 1.2rem; } .widget ul > li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #fff; border-top: 1px dotted #eeeee8; clear: both; margin: 0 auto; padding-top: 32px; padding-top: 3.2rem; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 332px; } .footer-widgets-1 { margin-right: 36px; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } .footer-widgets .widget { border: 1px solid #eeeee8; margin-bottom: 32px; margin-bottom: 3.2rem; padding: 32px; padding: 3.2rem; text-align: center; } .footer-widgets li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; } .footer-widgets .search-form input:focus { border: 1px solid #ddd; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #76d2c5; color: #fff; font-size: 12px; font-size: 1.2rem; padding: 36px; padding: 3.6rem; text-align: center; } .site-footer a { color: #fff; text-decoration: none; } .site-footer p { margin-bottom: 0; } /* Theme Colors ---------------------------------------------------------------------------------------------------- */ /* Lifestyle Pro Blue --------------------------------------------- */ .lifestyle-pro-blue .archive-pagination li a:hover, .lifestyle-pro-blue .archive-pagination li.active a, .lifestyle-pro-blue .entry-title a:hover, .lifestyle-pro-blue a { color: #4cc4e0; } .lifestyle-pro-blue .button, .lifestyle-pro-blue .genesis-nav-menu a, .lifestyle-pro-blue .site-footer a, .lifestyle-pro-blue .site-title a, .lifestyle-pro-blue .site-title a:hover { color: #fff; } .lifestyle-pro-blue .entry-title a, .lifestyle-pro-blue .sidebar .widget-title a, .lifestyle-pro-blue .site-footer a:hover, .lifestyle-pro-blue a:hover { color: #222; } .lifestyle-pro-blue .archive-pagination li a, .lifestyle-pro-blue .genesis-nav-menu .current-menu-item > a, .lifestyle-pro-blue .genesis-nav-menu .sub-menu a, .lifestyle-pro-blue .nav-primary a { color: #a5a5a3; } .lifestyle-pro-blue .button, .lifestyle-pro-blue .entry-content .button, .lifestyle-pro-blue .site-footer, .lifestyle-pro-blue .site-header, .lifestyle-pro-blue button, .lifestyle-pro-blue input[type="button"], .lifestyle-pro-blue input[type="reset"], .lifestyle-pro-blue input[type="submit"], .lifestyle-pro-blue.lifestyle-pro-home .content .widget-title { background-color: #4cc4e0; } .lifestyle-pro-blue .button:hover, .lifestyle-pro-blue .entry-content .button:hover, .lifestyle-pro-blue button:hover, .lifestyle-pro-blue input:hover[type="button"], .lifestyle-pro-blue input:hover[type="reset"], .lifestyle-pro-blue input:hover[type="submit"] { background-color: #eeeee8; } .lifestyle-pro-blue .nav-secondary { background-color: #80d2e5; } /* Lifestyle Pro Green --------------------------------------------- */ .lifestyle-pro-green .archive-pagination li a:hover, .lifestyle-pro-green .archive-pagination li.active a, .lifestyle-pro-green .entry-title a:hover, .lifestyle-pro-green a { color: #84cc78; } .lifestyle-pro-green .button, .lifestyle-pro-green .genesis-nav-menu a, .lifestyle-pro-green .site-footer a, .lifestyle-pro-green .site-title a, .lifestyle-pro-green .site-title a:hover { color: #fff; } .lifestyle-pro-green .entry-title a, .lifestyle-pro-green .sidebar .widget-title a, .lifestyle-pro-green .site-footer a:hover, .lifestyle-pro-green a:hover { color: #222; } .lifestyle-pro-green .archive-pagination li a, .lifestyle-pro-green .genesis-nav-menu .current-menu-item > a, .lifestyle-pro-green .genesis-nav-menu .sub-menu a, .lifestyle-pro-green .nav-primary a { color: #a5a5a3; } .lifestyle-pro-green .button, .lifestyle-pro-green .entry-content .button, .lifestyle-pro-green .site-footer, .lifestyle-pro-green .site-header, .lifestyle-pro-green button, .lifestyle-pro-green input[type="button"], .lifestyle-pro-green input[type="reset"], .lifestyle-pro-green input[type="submit"], .lifestyle-pro-green.lifestyle-pro-home .content .widget-title { background-color: #84cc78; } .lifestyle-pro-green .button:hover, .lifestyle-pro-green .entry-content .button:hover, .lifestyle-pro-green button:hover, .lifestyle-pro-green input:hover[type="button"], .lifestyle-pro-green input:hover[type="reset"], .lifestyle-pro-green input:hover[type="submit"] { background-color: #eeeee8; } .lifestyle-pro-green .nav-secondary { background-color: #a2d49a; } /* Lifestyle Pro Mustard --------------------------------------------- */ .lifestyle-pro-mustard .archive-pagination li a:hover, .lifestyle-pro-mustard .archive-pagination li.active a, .lifestyle-pro-mustard .entry-title a:hover, .lifestyle-pro-mustard a { color: #edce4a; } .lifestyle-pro-mustard .button, .lifestyle-pro-mustard .genesis-nav-menu a, .lifestyle-pro-mustard .site-footer a, .lifestyle-pro-mustard .site-title a, .lifestyle-pro-mustard .site-title a:hover { color: #fff; } .lifestyle-pro-mustard .entry-title a, .lifestyle-pro-mustard .sidebar .widget-title a, .lifestyle-pro-mustard .site-footer a:hover, .lifestyle-pro-mustard a:hover { color: #222; } .lifestyle-pro-mustard .archive-pagination li a, .lifestyle-pro-mustard .genesis-nav-menu .current-menu-item > a, .lifestyle-pro-mustard .genesis-nav-menu .sub-menu a, .lifestyle-pro-mustard .nav-primary a { color: #a5a5a3; } .lifestyle-pro-mustard .button, .lifestyle-pro-mustard .entry-content .button, .lifestyle-pro-mustard .site-footer, .lifestyle-pro-mustard .site-header, .lifestyle-pro-mustard button, .lifestyle-pro-mustard input[type="button"], .lifestyle-pro-mustard input[type="reset"], .lifestyle-pro-mustard input[type="submit"], .lifestyle-pro-mustard.lifestyle-pro-home .content .widget-title { background-color: #edce4a; } .lifestyle-pro-mustard .button:hover, .lifestyle-pro-mustard .entry-content .button:hover, .lifestyle-pro-mustard button:hover, .lifestyle-pro-mustard input:hover[type="button"], .lifestyle-pro-mustard input:hover[type="reset"], .lifestyle-pro-mustard input:hover[type="submit"] { background-color: #eeeee8; } .lifestyle-pro-mustard .nav-secondary { background-color: #f5d85a; } /* Lifestyle Pro Purple --------------------------------------------- */ .lifestyle-pro-purple .archive-pagination li a:hover, .lifestyle-pro-purple .archive-pagination li.active a, .lifestyle-pro-purple .entry-title a:hover, .lifestyle-pro-purple a { color: #816689; } .lifestyle-pro-purple .button, .lifestyle-pro-purple .genesis-nav-menu a, .lifestyle-pro-purple .site-footer a, .lifestyle-pro-purple .site-title a, .lifestyle-pro-purple .site-title a:hover { color: #fff; } .lifestyle-pro-purple .entry-title a, .lifestyle-pro-purple .sidebar .widget-title a, .lifestyle-pro-purple .site-footer a:hover, .lifestyle-pro-purple a:hover { color: #222; } .lifestyle-pro-purple .archive-pagination li a, .lifestyle-pro-purple .genesis-nav-menu .current-menu-item > a, .lifestyle-pro-purple .genesis-nav-menu .sub-menu a, .lifestyle-pro-purple .nav-primary a { color: #a5a5a3; } .lifestyle-pro-purple .button, .lifestyle-pro-purple .entry-content .button, .lifestyle-pro-purple .site-footer, .lifestyle-pro-purple .site-header, .lifestyle-pro-purple button, .lifestyle-pro-purple input[type="button"], .lifestyle-pro-purple input[type="reset"], .lifestyle-pro-purple input[type="submit"], .lifestyle-pro-purple.lifestyle-pro-home .content .widget-title { background-color: #816689; } .lifestyle-pro-purple .button:hover, .lifestyle-pro-purple .entry-content .button:hover, .lifestyle-pro-purple button:hover, .lifestyle-pro-purple input:hover[type="button"], .lifestyle-pro-purple input:hover[type="reset"], .lifestyle-pro-purple input:hover[type="submit"] { background-color: #eeeee8; } .lifestyle-pro-purple .nav-secondary { background-color: #8e7197; } /* Lifestyle Pro Red --------------------------------------------- */ .lifestyle-pro-red .archive-pagination li a:hover, .lifestyle-pro-red .archive-pagination li.active a, .lifestyle-pro-red .entry-title a:hover, .lifestyle-pro-red a { color: #e65e52; } .lifestyle-pro-red .button, .lifestyle-pro-red .genesis-nav-menu a, .lifestyle-pro-red .site-footer a, .lifestyle-pro-red .site-title a, .lifestyle-pro-red .site-title a:hover { color: #fff; } .lifestyle-pro-red .entry-title a, .lifestyle-pro-red .sidebar .widget-title a, .lifestyle-pro-red .site-footer a:hover, .lifestyle-pro-red a:hover { color: #222; } .lifestyle-pro-red .archive-pagination li a, .lifestyle-pro-red .genesis-nav-menu .current-menu-item > a, .lifestyle-pro-red .genesis-nav-menu .sub-menu a, .lifestyle-pro-red .nav-primary a { color: #a5a5a3; } .lifestyle-pro-red .button, .lifestyle-pro-red .entry-content .button, .lifestyle-pro-red .site-footer, .lifestyle-pro-red .site-header, .lifestyle-pro-red button, .lifestyle-pro-red input[type="button"], .lifestyle-pro-red input[type="reset"], .lifestyle-pro-red input[type="submit"], .lifestyle-pro-red.lifestyle-pro-home .content .widget-title { background-color: #e65e52; } .lifestyle-pro-red .button:hover, .lifestyle-pro-red .entry-content .button:hover, .lifestyle-pro-red button:hover, .lifestyle-pro-red input:hover[type="button"], .lifestyle-pro-red input:hover[type="reset"], .lifestyle-pro-red input:hover[type="submit"] { background-color: #eeeee8; } .lifestyle-pro-red .nav-secondary { background-color: #f2685c; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-footer p, .site-header hgroup, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a { padding: 20px 16px; } .genesis-nav-menu li.alignleft, .genesis-nav-menu li.right { display: none; } .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu, .genesis-nav-menu.responsive-menu { display: none; } .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item { margin: 0; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu.responsive-menu li.current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover, .genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover { background: none; border: none; display: block; line-height: 1; padding: 20px; text-transform: none; } .genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu a, .genesis-nav-menu.responsive-menu > li:hover .sub-menu a, .genesis-nav-menu.responsive-menu a:hover, .genesis-nav-menu.responsive-menu li:hover > a { color: #fff; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu > .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f140"; float: right; font: normal 20px/1 'dashicons'; height: 20px; padding: 16px 20px; right: 0; text-align: right; z-index: 9999; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f142"; } .genesis-nav-menu.responsive-menu .sub-menu { background-color: rgba(0, 0, 0, 0.025); border: none; left: auto; opacity: 1; position: relative; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { background-color: transparent; margin: 0; padding-left: 25px; } .genesis-nav-menu.responsive-menu > li:hover .sub-menu a:hover, .genesis-nav-menu.responsive-menu > li:hover .sub-menu a, .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { background: none; border: none; padding: 12px 20px; position: relative; text-transform: none; width: 100%; } .nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a, .nav-primary .genesis-nav-menu.responsive-menu .sub-menu a, .nav-primary .genesis-nav-menu.responsive-menu > li:hover .sub-menu a, .nav-primary .genesis-nav-menu.responsive-menu a:hover, .nav-primary .genesis-nav-menu.responsive-menu li:hover > a { color: #222; } .genesis-nav-menu a { font-size: 12px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .search-form input[type="search"] { background-image: url(images/[email protected]); } } @media only screen and (max-width: 1139px) { .footer-widgets, .site-container, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 688px; } .content { width: 580px; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .site-header .widget-area { width: 380px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .home-bottom-left, .home-bottom-right, .sidebar-primary { width: 272px; } } @media only screen and (max-width: 1023px) { .footer-widgets, .site-container, .wrap { max-width: 772px; } .content-sidebar-sidebar .content-sidebar-wrap, .content-sidebar-sidebar .content, .content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content-sidebar-wrap, .sidebar-sidebar-content .content, .site-header .widget-area, .title-area { width: 100%; } .site-header { padding: 24px; padding: 2.4rem; } .header-image .site-title a { background-position: center !important; margin: 0 0 16px; margin: 0 0 1.6rem; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-footer p, .site-header hgroup, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a { padding: 16px; padding: 1.6rem; } .site-header .widget-area { margin-top: 16px; margin-top: 1.6rem; } .site-header .search-form { margin: 16px auto ; margin: 1.6rem auto; } .genesis-nav-menu li.alignleft, .genesis-nav-menu li.right { display: none; } .entry-footer .entry-meta { margin: 0; padding-top: 12px; padding-top: 1.2rem; } .home-bottom-left, .home-bottom-right { width: 332px; } .footer-widgets-1 { margin: 0; } .site-footer { padding: 24px; padding: 2.4rem; } } @media only screen and (max-width: 767px) { body { font-size: 14px; font-size: 1.4rem; } .site-container { padding: 20px 5%; padding: 2rem 5%; width: 94%; } .five-sixths, .four-sixths, .home-bottom-left, .home-bottom-right, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .site-title { font-size: 32px; font-size: 3.2rem; } .header-image .site-title a { background-size: contain !important; } .genesis-nav-menu a, .nav-primary .sub-menu a { font-size: 12px; font-size: 1.2rem; padding: 12px; padding: 1.2rem; } .nav-secondary a, .nav-secondary .sub-menu a { font-size: 11px; font-size: 1.1rem; padding: 10px 8px; padding: 1rem 0.8rem; } .genesis-nav-menu .sub-menu .sub-menu { margin: -31px 0 0 199px; } .nav-primary .sub-menu .sub-menu { margin: -36px 0 0 199px; } .entry-meta .entry-tags { clear: both; float: left; } .entry-meta .entry-comments a { margin: 0 0 10px; margin: 0 0 1rem; } .lifestyle-pro-home .featuredpost .alignleft, .lifestyle-pro-home .featuredpost .alignright { float: none; margin: 0 auto; } }In reply to: Full Width and Height Template
Just create a new class for a specific site-inner for that particular page and adjust the width in that class. If you view the page source code, the page ID is shown in the body classes. Create your new class like this:
.page-id-2613 .site-inner { max-width: 100%; }
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?I am trying to switch from Altitude Pro to Workstation Pro and want the full-width Front Page but a much narrower Blog and Pages without a sidebar. I've used the code from Altitude Pro:
.full-width-content .content {
padding: 0 200px 50px;
width: 100%;
}But it affects the Front Page as well. Any suggestions?
In reply to: Minimum Pro edits
1. It may help you understand how the Genesis Framework is constructed if you install the Genesis Visual Hook guide while you are developing the site. https://wordpress.org/plugins/genesis-visual-hook-guide/. If you can visualize the header area as a row on a spreadsheet that has only two cells. The left cell (title area) is where the logo fits, the right cell (the header-right widget area) is where you have the menu. Both of these areas have to fit within the total width of the header container (the row). Your header container (.site-header .wrap) has a width of 1140px. Your logo area is 300px wide and your header-right widget area is 800px. This leaves you only 40px in the middle of the two for room. Visually, it looks something like this:
You can widen the header and title area, and shorten the header-right widget area, but you can never center the logo with this configuration. It just isn't possible. You would either have to move the logo to a different hook, or not use the header-right widget area and move the menu someplace else. To center the logo, it needs either the full width of the parent container or needs to be in the center of a three-column area.
2. Edit does not display to users unless they are logged in and have edit privileges for the page/post. If you don't want to mess with PHP code, the easiest way to adjust the entry meta is to use the Genesis Simple Edits plugin.
3. The tagline on the front page has a top margin of 600px. It is still located in it's normal position at the top of the page, but because of the huge top margin, it appears to be at the bottom of the page. That top margin is on the home page only. That's why it appears that the tagline is moving.
4. Saying the "display is off" can mean many things. Ask for specific help and you may get a solid answer.
5. The menu is not centered. It is on the upper right of the screen. But depending on your screen width, it may appear centered to you because there's not enough room for the two header areas to appear on the same line.
If I may make a suggestion, please take the time to learn how to use your browser's inspect element tool. This will help you tremendously in figuring out how to adjust CSS.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?Topic: Minimum Pro edits
Hey Everyone,
First off I want to say I'm very green at this so any help would be greatly appreciated.
I have a couple of questions:
First, I am making some light adjustments to the site to customize. I
increased the width of the header and would like to center my header
image.Second, I would like to remove the section of the front page that
currently under the tagline. the white section that says "edit". I believe
this is supposed to be for a blog section, but is not needed here.Third, the tagline section jumps from the bottom of the page to the top
when you navigate to any of the other pages.Fourth, the page response seems to be off when I plug my site into the response test on studiopress.
Lastly, my menu seems to have centered and I can't find any code that would have changed that.
Again, super green here so any help would be greatly appreciated
Cheers
[Resolved]Topic: Reduce Pretty Creative blog page image size with text wrap
Hi,
I'd love to reduce the image size of the blog page 50% and have the excerpt to the right of the image. I was able to reduce the image size, with this css adjustment:.post-image, .entry-image {
width: 50%;
}but the text doesn't wrap around the image and stays below.
Any suggestions are appreciated.
Thanks!
Lindahynew.heidiyorkshire.com/blog
I had a custom design before moving to Genesis framework. Now that I am on the framework, I would like to port the design to Genesis. (with very small tweaks)
How much would that cost?I have the custom design working on a secondary blog now: firefoxu.com
I will not need the dynamically generated features section on the home page.
Home page design will pretty much remains the same no tweaking ( I will just need the width of the title bar adjusted)
If that helps, I wouldn't mind copying the design / code of the No Sidebar theme's home page design.Help?
That transition effect is from the styles.css AND the arguments for Superfish, not just Superfish. So you would need to adjust the arguments in the .js to remove fade. Superfish allows the click to work on the top nav on Android to behave like IOS, one tap for dropdown, two (on the parent) to link to the page. If you remove it, you will be removing important functionality.
.genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; /* remove this */ -moz-transition: opacity .4s ease-in-out; /* remove this */ -ms-transition: opacity .4s ease-in-out; /* remove this */ -o-transition: opacity .4s ease-in-out; /* remove this */ transition: opacity .4s ease-in-out; /* remove this */ width: 200px; z-index: 99; }This file: superfish.args.min.js
jQuery(function($){"use strict";$(".js-superfish").superfish({delay:100,animation:{opacity:"show",height:"show"},dropShadows:!1})});to:
jQuery(function($){"use strict";$(".js-superfish").superfish({delay:100,dropShadows:!1})});SEE: http://users.tpg.com.au/j_birch/plugins/superfish/options/
You would only remove the arguments from the parent theme (Genesis) and hook your own in your child theme, this is how to remove the arguments:
//* ==== Disable Superfish Arguments add_action( 'wp_enqueue_scripts', 'sp_disable_superfish' ); function sp_disable_superfish() { wp_dequeue_script( 'superfish-args' ); }Next you would create another .js file with the new arguments and wp_enqueue_script using the registration handle
(array( 'superfish' )
Hi,
I've made a workstation pro theme "Front page background images" scale more appropriately for mobile devices by using the following code:
.image-section-1,
.image-section-2 {
background-position: top;
background-size: cover;
min-height:500px;
background-repeat: no-repeat;
}and introducing the following:
@media only screen and (max-width: 1140px) {
.image-section-1,
.image-section-2 {
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
}
An issue that has occurred is on some mobile devices since modifying this and it seems to have introduced more padded white space beneath the image. I'm trying to minimising this and am having difficulty trying to adjust it.
Any suggestions?
Chris Mundy
Canberra, AustraliaHi together
I need help and sorry for mistakes - I am not so familiar with the English language.
And I only have a small basic knowledge wit CSS and PHP.
I installed Enterprise Pro and customized the header-image according this description:and especially (it doesn't exist for Enterprise pro, so I used Executive Pro)
This is the result - it works fine but the title disappeared: http://zukzg.chisana.ch
That what I want is, that the picture is built-in as a responsive background (instead of a color like the green on the side). So that I have the possibility to add the side-title or a customized logo. I don't know whether this is possible or not.
Thanks for helping me an kind regards.
hampi52 from Switzerland
Here the CSS-Code:
/*
Theme Name: Enterprise Pro Theme
Theme URI: http://my.studiopress.com/themes/enterprise/
Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com/Version: 2.1.1
Tags: black, blue, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
Template: genesis
Template Version: 2.1License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*//* Table of Contents
- Imports
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Genesis Responsive Slider
- Gravity Forms
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Header Navigation
- Primary Navigation
- Secondary Navigation
- Responsive Menu
- Content Area
- Home Page
- Entries
- Entry Meta
- After Entry
- Pagination
- Comments
- Sidebars
- Footer Widgets
- Site Footer
- Theme Colors
- Enterprise Pro Black
- Enterprise Pro Green
- Enterprise Pro Orange
- Enterprise Pro Red
- Enterprise Pro Teal
- Media Queries
- Retina Display
- Max-width: 1139px
- Max-width: 1023px
- Max-width: 767px*/
/*
Imports
---------------------------------------------------------------------------------------------------- */@font-face {
font-family: 'Icon';
src:url('fonts/Icon.eot');
src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'),
url('fonts/Icon.woff') format('woff'),
url('fonts/Icon.ttf') format('truetype'),
url('fonts/Icon.svg#Icon') format('svg');
font-weight: normal;
font-style: normal;
}/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- *//* Baseline Normalize
normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* Box Sizing
--------------------------------------------- */*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}/* Float Clearing
--------------------------------------------- */.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
content: " ";
display: table;
}.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}/*
Defaults
---------------------------------------------------------------------------------------------------- *//* Typographical Elements
--------------------------------------------- */body {
background-color: #fff;
color: #777;
font-family: 'Lato', sans-serif;
font-weight: 300;
line-height: 1.625;
}a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}::-moz-selection {
background-color: #333;
color: #fff;
}::selection {
background-color: #333;
color: #fff;
}a {
color: #31b2ed;
text-decoration: none;
}a:hover {
color: #333;
}p {
margin: 0 0 24px;
padding: 0;
}strong {
font-weight: 700;
}ol,
ul {
margin: 0;
padding: 0;
}li {
list-style-type: none;
}blockquote,
blockquote::before {
color: #999;
}blockquote {
margin: 40px;
}blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
}cite {
font-style: normal;
}/* Headings
--------------------------------------------- */h1,
h2,
h3,
h4,
h5,
h6 {
color: #333; /* Hier können Titelfarben geändert werden. Original: #333; */
font-family: 'Titillium Web', sans-serif; /* Hier können Titelschriftarten geändert werden. Original: 'Titillium Web' */
font-weight: 700;
line-height: 1.2;
margin: 0 0 10px;
}h1 {
font-size: 36px;
}h2 {
font-size: 30px;
}h3 {
font-size: 24px;
}h4 {
font-size: 20px;
}h5 {
font-size: 18px;
}h6 {
font-size: 16px;
}/* Objects
--------------------------------------------- */embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}img {
height: auto;
}.featured-content img,
.gallery img {
width: auto;
}/* Gallery
--------------------------------------------- */.gallery {
overflow: hidden;
margin-bottom: 28px;
}.gallery-item {
float: left;
margin: 0;
padding: 0 4px;
text-align: center;
width: 100%;
}.gallery-columns-2 .gallery-item {
width: 50%;
}.gallery-columns-3 .gallery-item {
width: 33%;
}.gallery-columns-4 .gallery-item {
width: 25%;
}.gallery-columns-5 .gallery-item {
width: 20%;
}.gallery-columns-6 .gallery-item {
width: 16.6666%;
}.gallery-columns-7 .gallery-item {
width: 14.2857%;
}.gallery-columns-8 .gallery-item {
width: 12.5%;
}.gallery-columns-9 .gallery-item {
width: 11.1111%;
}.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}.gallery .gallery-item img {
border: none;
height: auto;
}/* Forms
--------------------------------------------- */input,
select,
textarea {
background-color: #fff;
border: 1px solid #ececec;
border-radius: 3px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06);
color: #aaa;
font-size: 16px;
font-weight: 400;
padding: 16px;
width: 100%;
}input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}::-moz-placeholder {
color: #666;
opacity: 1;
font-weight: 400;
}::-webkit-input-placeholder {
color: #666;
font-weight: 400;
}button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.home-top .more-link {
background-color: #31b2ed;
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 400;
padding: 16px 24px;
width: auto;
}button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.home-top .more-link:hover {
background-color: #333;
color: #fff;
}.entry-content .button:hover,
.footer-widgets .button {
color: #fff;
}.button {
display: inline-block;
}input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}/* Tables
--------------------------------------------- */table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}tbody {
border-bottom: 1px solid #ddd;
}td,
th {
text-align: left;
}td {
border-top: 1px solid #ddd;
padding: 6px 0;
}th {
font-weight: 700;
text-transform: uppercase;
}/*
Structure and Layout
---------------------------------------------------------------------------------------------------- *//* Site Containers
--------------------------------------------- */.wrap {
margin: 0 auto;
max-width: 1140px;
}.enterprise-pro-landing .wrap {
max-width: 800px;
}.site-inner {
background-color: #f5f5f5;
border-top: 1px solid #ececec;
clear: both;
padding-top: 40px;
}/* Column Widths and Positions
--------------------------------------------- *//* Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 920px;
}.content-sidebar-sidebar .content-sidebar-wrap {
float: left;
}.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
float: right;
}/* Content */
.content {
float: right;
width: 740px;
}.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
float: left;
}.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
width: 520px;
}.full-width-content .content {
width: 100%;
}/* Primary Sidebar */
.sidebar-primary {
float: right;
width: 360px;
}.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
float: left;
}/* Secondary Sidebar */
.sidebar-secondary {
float: left;
width: 180px;
}.content-sidebar-sidebar .sidebar-secondary {
float: right;
}/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}.one-third,
.two-sixths {
width: 31.623931623931625%;
}.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}.one-fourth {
width: 23.076923076923077%;
}.three-fourths {
width: 74.35897435897436%;
}.one-sixth {
width: 14.52991452991453%;
}.five-sixths {
width: 82.90598290598291%;
}.first {
clear: both;
margin-left: 0;
}/*
Common Classes
---------------------------------------------------------------------------------------------------- *//* Avatar
--------------------------------------------- */.avatar {
float: left;
}.alignleft .avatar,
.author-box .avatar {
margin-right: 24px;
}.alignright .avatar {
margin-left: 24px;
}.comment .avatar {
margin: 0 16px 24px 0;
}/* Genesis
--------------------------------------------- */.breadcrumb {
margin-bottom: 20px;
}.archive-description,
.author-box {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
margin-bottom: 40px;
padding: 40px;
}.author-box-title {
color: #333;
font-family: 'Lato', sans-serif;
font-size: 16px;
margin-bottom: 4px;
}.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
}/* Search Form
--------------------------------------------- */.search-form {
overflow: hidden;
}.site-header .search-form {
float: right;
margin-top: 8px;
}.entry-content .search-form,
.site-header .search-form {
width: 50%;
}.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}/* Titles
--------------------------------------------- */.archive-title {
font-size: 20px;
}.entry-title {
font-size: 30px;
margin: 0;
}.entry-title a,
.sidebar .widget-title a {
color: #333;
}.entry-title a:hover {
color: #31b2ed;
}.widget-title,
.footer-widgets .featured-content .widget-title {
border-bottom: 1px solid #ececec;
font-size: 16px;
margin: 0 0 20px;
padding: 0 0 20px;
}.home-bottom .widget-title,
.sidebar .widget-title {
margin: -40px -40px 40px;
padding: 30px 40px;
}/* WordPress
--------------------------------------------- */.alignleft {
float: left;
text-align: left;
}.alignright {
float: right;
text-align: right;
}a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}a.alignnone {
display: inline-block;
}a.aligncenter img {
display: block;
margin: 0 auto;
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}img.alignnone,
.alignnone {
margin-bottom: 12px;
}a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 12px 0;
}a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 12px 24px;
}.wp-caption-text {
font-weight: 700;
text-align: center;
}.entry-content p.wp-caption-text {
margin-bottom: 0;
}.gallery-caption {
margin: 0 0 10px;
}/*
Widgets
---------------------------------------------------------------------------------------------------- */.widget {
word-wrap: break-word;
margin-bottom: 40px;
}.widget li {
border-bottom: 1px dotted #ececec;
margin-bottom: 10px;
padding-bottom: 10px;
}.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}.widget ul > li:last-child,
.widget p:last-child {
margin-bottom: 0;
}.widget_calendar table {
width: 100%;
}.widget_calendar td,
.widget_calendar th {
text-align: center;
}/* Featured Content
--------------------------------------------- */.after-entry .widget.featured-content,
.featured-content,
.home-bottom .widget.featured-content,
.sidebar .widget.featured-content {
border-bottom-width: 0;
padding: 0;
}.after-entry .featured-content .widget-title,
.featured-content .widget-title {
margin: 0;
padding: 30px 40px;
}.featured-content .entry {
background: none;
border: none;
border-bottom: 1px solid #ececec;
box-shadow: none;
margin: 0;
padding: 0;
}.featured-content .entry-header {
border-bottom: 1px solid #ececec;
margin: 0;
padding: 30px 40px;
}.featured-content .entry-title {
font-size: 20px;
margin: 0;
}.featured-content .entry-content {
padding: 40px;
}.featured-content .alignnone {
background: #f8f8f8;
border-bottom: 1px solid #ececec;
margin-bottom: 0;
}.featured-content img {
margin-bottom: -7px;
}.featured-content .more-link {
display: block;
font-weight: 700;
margin-top: 20px;
}.featured-content .more-from-category,
.featured-content ul {
border-bottom: 1px solid #ececec;
margin: 0;
padding: 40px;
}.footer-widgets .featured-content .alignnone {
margin-bottom: 24px;
}.footer-widgets .featured-content .entry {
background: none;
border: none;
margin-bottom: 30px;
}.footer-widgets .featured-content .entry-header,
.footer-widgets .featured-content .more-from-category,
.footer-widgets .featured-content ul {
border: none;
padding: 0 0 10px;
}.footer-widgets .featured-content .entry-content {
padding: 0;
}/*
Plugins
---------------------------------------------------------------------------------------------------- *//* Genesis eNews Extended
--------------------------------------------- */.enews-widget input {
margin-bottom: 16px;
}.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
}.enews form + p {
margin-top: 24px;
}/* Genesis Responsive Slider
--------------------------------------------- */.home-top .genesis_responsive_slider {
margin: 0;
}.site-container #genesis-responsive-slider {
border-width: 0;
padding: 0;
}.site-container #genesis-responsive-slider .flex-control-nav {
margin-top: -40px;
}.site-container #genesis-responsive-slider .more-link {
float: none;
text-align: center;
}.site-container #genesis-responsive-slider li {
border-width: 0;
margin: 0;
padding: 0;
text-indent: 0;
}/* Gravity Forms
--------------------------------------------- */div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
font-size: 16px;
padding: 16px;
}div.gform_wrapper .ginput_complex label {
padding: 0;
}div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
}/* Jetpack
--------------------------------------------- */#wpstats {
display: none;
}/*
Site Header
---------------------------------------------------------------------------------------------------- */.site-header {
background-color: #fff;
min-height: 150px;
}.site-header .wrap {
padding: 40px 0;
}/* Title Area
--------------------------------------------- */.title-area {
float: left;
padding: 0 0 4px;
width: 320px;
}.header-full-width .title-area {
width: 100%;
}.site-title {
font-family: 'Titillium Web', sans-serif; /* Hier kann die Seitentitelschrift geändert werden Original: 'Titillium Web' */
font-size: 36px;
font-weight: 700;
line-height: 1.2;
}.site-title a,
.site-title a:hover {
color: #31b2ed;
}.header-image .site-title > a {
background-position: top !important;
float: left;
min-height: 80px; /* min-height: 80px; original */
width: 100%;
}.site-description { /* Hier kann die Titelunterzeile verändert werden */
color: #aaa;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1.5;
text-transform: uppercase;
}.site-description,
.site-title {
margin-bottom: 0;
}.header-image .site-description, /* Hier sind die Kopfbild-Infos */
.header-image .site-title {
display: block;
text-indent: 0; /* Hier die Änderung Anzeige Untertitel mit Kopfbild und Schrift. Original: -9999px; */
}/* Widget Area
--------------------------------------------- */.site-header .widget-area {
float: right;
text-align: right;
width: 720px;
}.site-header .widget-area .widget {
margin-bottom: 0;
}.site-header .genesis-nav-menu li {
border: none;
margin: 0;
padding: 0;
}/*
Site Navigation
---------------------------------------------------------------------------------------------------- */.genesis-nav-menu {
clear: both;
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
line-height: 1.5;
width: 100%;
}.genesis-nav-menu a {
color: #333;
}.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}.genesis-nav-menu a {
display: block;
padding: 20px 24px;
}.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #31b2ed;
}.genesis-nav-menu .sub-menu {
border-top: 1px solid #ececec;
left: -9999px;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}.genesis-nav-menu .sub-menu a {
background-color: #f8f8f8;
border: 1px solid #ececec;
border-top: none;
color: #333;
font-size: 12px;
padding: 16px 24px;
position: relative;
width: 200px;
}.genesis-nav-menu .sub-menu .sub-menu {
margin: -52px 0 0 199px;
}.genesis-nav-menu .menu-item:hover {
position: static;
}.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}.genesis-nav-menu > .first > a {
padding-left: 0;
}.genesis-nav-menu > .last > a {
padding-right: 0;
}.genesis-nav-menu > .right {
float: right;
list-style-type: none;
padding: 0;
}.genesis-nav-menu > .date,
.genesis-nav-menu > .right > a {
display: inline-block;
padding: 20px 24px;
}.genesis-nav-menu > .search {
padding: 8px 0 0;
}.genesis-nav-menu > .search input {
font-size: 12px;
padding: 12px 20px;
}/* Site Header Navigation
--------------------------------------------- */.site-header .widget_nav_menu {
color: #333;
}.site-header .genesis-nav-menu li li {
margin-left: 0;
}/* Primary Navigation
--------------------------------------------- */.nav-primary {
background-color: #333;
}.nav-primary,
.nav-primary a {
color: #fff;
}.nav-primary .sub-menu {
border-color: #222;
}.nav-primary .sub-menu a {
background-color: #333;
border-color: #222;
color: #fff;
}/* Secondary Navigation
--------------------------------------------- */.nav-secondary {
text-transform: none;
letter-spacing: 0;
margin-bottom: 20px;
}.nav-secondary .genesis-nav-menu a {
padding: 6px 20px;
}.site-footer .nav-secondary .genesis-nav-menu a {
color: #aaa;
}.nav-secondary .genesis-nav-menu a:hover {
color: #31b2ed;
}/* Responsive Menu
--------------------------------------------- */.responsive-menu-icon {
cursor: pointer;
display: none;
}.responsive-menu-icon::before {
content: "\f333";
display: block;
font: normal 20px/1 'dashicons';
margin: 0 auto;
padding: 10px;
text-align: center;
}.site-header .responsive-menu-icon::before {
padding: 0;
}/*
Content Area
---------------------------------------------------------------------------------------------------- *//* Home Page
--------------------------------------------- */.home-top {
border-top: 1px solid #ececec;
}.home-top .widget:first-child h4 {
padding-top: 20px;
}.home-top .entry {
background: none;
}.home-top .featured-content a.alignleft,
.home-top .featured-content a.alignnone,
.home-top .featured-content a.alignright {
margin-bottom: 0;
}.home-top a.alignleft,
.home-top a.alignright {
width: 66%;
}.home-top .featured-content,
.home-top .featured-content .entry {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}.home-top .featured-content .entry-header {
border: none;
padding: 10% 40px 0;
}.home-top .featured-content .entry-title {
font-size: 30px;
}.home-top .featured-content .entry-content {
padding: 0 40px;
}.home-top .more-link {
display: table;
text-align: center;
}.home-bottom .widget {
background-color: #fff;
border-radius: 3px;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
float: left;
margin-left: 2.564102564102564%;
padding: 40px;
width: 31.623931623931625%;
}.home-bottom .widget:nth-child(3n+1) {
clear: both;
margin-left: 0;
}/* Entries
--------------------------------------------- */.entry {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
padding: 40px;
margin-bottom: 40px;
}.entry-header {
border-bottom: 1px solid #ececec;
margin: -40px -40px 40px;
padding: 40px;
}.entry-content ol,
.entry-content p,
.entry-content ul {
margin-bottom: 26px;
}.entry-content ol,
.entry-content ul {
margin-left: 40px;
}.entry-content ol > li {
list-style-type: decimal;
}.entry-content ul > li {
list-style-type: disc;
}.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}.entry-content code {
background-color: #333;
color: #ddd;
}/* Entry Meta
--------------------------------------------- */p.entry-meta {
color: #aaa;
font-size: 14px;
margin-bottom: 0;
}.entry-meta a {
font-weight: 700;
}.entry-header .entry-meta {
margin: 10px 0 0;
}.entry-footer {
margin-top: 22px;
}.entry-footer .entry-meta {
border-top: 1px solid #ececec;
margin: 0 -40px;
padding: 40px 40px 0;
}.entry-tags {
float: right;
}.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}/* After Entry
--------------------------------------------- */.after-entry {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
margin-bottom: 40px;
}.after-entry .widget {
margin: 0;
padding: 40px;
}.after-entry .widget-title {
border-top: 1px solid #ececec;
margin: -40px -40px 30px;
padding: 30px 40px;
}.after-entry .widget:first-child .widget-title {
border-top: 0;
}.after-entry .featured-content .entry:last-of-type,
.after-entry .featured-content .more-from-category {
border-bottom: none;
}.after-entry .featured-content .more-from-category {
padding: 20px 40px;
}.after-entry li {
list-style-type: none;
}/* Pagination
--------------------------------------------- */.pagination {
margin: 40px 0;
}.adjacent-entry-pagination {
margin-bottom: 0;
}.archive-pagination li {
display: inline;
}.archive-pagination li a {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
color: #333;
cursor: pointer;
display: inline-block;
padding: 8px 12px;
}.archive-pagination li a:hover,
.archive-pagination .active a {
background-color: #31b2ed;
color: #fff;
}.entry-pagination.pagination {
margin: 0 0 10px;
}/* Comments
--------------------------------------------- */.comment-respond,
.entry-comments,
.entry-pings {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
margin-bottom: 40px;
}.comment-respond {
padding: 40px 40px 16px;
}.comment-respond h3 {
border-bottom: 1px solid #ececec;
margin: -40px -40px 40px;
padding: 30px 40px;
}.entry-comments {
border-bottom-width: 0;
}.entry-comments h3,
.entry-pings h3 {
border-bottom: 1px solid #ececec;
margin: 0;
padding: 30px 40px;
}.comment-list li.depth-1 {
border-bottom: 1px solid #ececec;
padding-bottom: 40px;
}.comment-content {
clear: both;
}.comment-list li {
padding: 40px 40px 0;
}.comment-list li li {
padding-right: 0;
}.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%;
}.comment-respond label {
display: block;
margin-right: 12px;
}.entry-comments .comment-author,
.entry-comments .comment-author a {
color: #333;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
margin-bottom: 0;
}.comment-meta,
.comment-meta a {
color: #aaa;
font-size: 14px;
}.entry-comments .comment-author a:hover,
.comment-meta a:hover {
color: #31b2ed;
}.ping-list li {
padding: 40px 40px 16px;
}.entry-pings .reply {
display: none;
}.comment-reply-link {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
}.form-allowed-tags {
background-color: #f5f5f5;
padding: 24px;
}/*
Sidebars
---------------------------------------------------------------------------------------------------- */.sidebar .widget {
background-color: #fff;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
padding: 40px;
}/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */.footer-widgets {
background-color: #fff;
border-top: 1px solid #ececec;
clear: both;
padding-top: 40px;
}.footer-widgets input {
border: 1px solid #333;
}.footer-widgets li {
border-bottom: 1px dotted #ececec;
margin-bottom: 10px;
padding-bottom: 10px;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 340px;
}.footer-widgets-1 {
margin-right: 60px;
}.footer-widgets-1,
.footer-widgets-2 {
float: left;
}.footer-widgets-3 {
float: right;
}/*
Site Footer
---------------------------------------------------------------------------------------------------- */.site-footer {
background-color: #fff;
border-top: 1px solid #ececec;
color: #aaa;
font-size: 12px;
letter-spacing: 1px;
padding: 40px 0;
text-align: center;
text-transform: uppercase;
}.site-footer a {
color: #aaa;
}.site-footer a:hover {
color: #31b2ed;
}.site-footer p {
margin-bottom: 0;
}/*
Theme Colors
---------------------------------------------------------------------------------------------------- *//* Enterprise Pro Black
--------------------------------------------- */.enterprise-pro-black .comment-meta a,
.enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-black .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-black .genesis-nav-menu a:hover,
.enterprise-pro-black .site-footer a,
.enterprise-pro-black a:hover {
color: #aaa;
}.enterprise-pro-black .comment-meta a:hover,
.enterprise-pro-black .entry-comments .comment-author a,
.enterprise-pro-black .entry-title a,
.enterprise-pro-black .genesis-nav-menu a,
.enterprise-pro-black .sidebar .widget-title a,
.enterprise-pro-black .site-footer a:hover,
.enterprise-pro-black .site-title a,
.enterprise-pro-black .site-title a:hover,
.enterprise-pro-black a {
color: #333;
}.enterprise-pro-black .nav-primary a {
color: #fff;
}.enterprise-pro-black .archive-pagination .active a,
.enterprise-pro-black .archive-pagination li a:hover,
.enterprise-pro-black .button,
.enterprise-pro-black .home-top .more-link,
.enterprise-pro-black button,
.enterprise-pro-black input[type="button"],
.enterprise-pro-black input[type="reset"],
.enterprise-pro-black input[type="submit"] {
background-color: #333;
color: #fff;
}.enterprise-pro-black .button:hover,
.enterprise-pro-black .home-top .more-link:hover,
.enterprise-pro-black button:hover,
.enterprise-pro-black input:hover[type="button"],
.enterprise-pro-black input:hover[type="reset"],
.enterprise-pro-black input:hover[type="submit"] {
background-color: #aaa;
color: #fff;
}/* Enterprise Pro Green
--------------------------------------------- */.enterprise-pro-green .comment-meta a:hover,
.enterprise-pro-green .entry-comments .comment-author a:hover,
.enterprise-pro-green .entry-title a:hover,
.enterprise-pro-green .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-green .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-green .genesis-nav-menu a:hover,
.enterprise-pro-green .site-footer a:hover,
.enterprise-pro-green .site-title a,
.enterprise-pro-green .site-title a:hover,
.enterprise-pro-green a {
color: #2bc876;
}.enterprise-pro-green .comment-meta a,
.enterprise-pro-green .site-footer a {
color: #aaa;
}.enterprise-pro-green .entry-comments .comment-author a,
.enterprise-pro-green .entry-title a,
.enterprise-pro-green .genesis-nav-menu a,
.enterprise-pro-green .sidebar .widget-title a,
.enterprise-pro-green a:hover {
color: #333;
}.enterprise-pro-green .nav-primary a {
color: #fff;
}.enterprise-pro-green .archive-pagination .active a,
.enterprise-pro-green .archive-pagination li a:hover,
.enterprise-pro-green .button,
.enterprise-pro-green .home-top .more-link,
.enterprise-pro-green button,
.enterprise-pro-green input[type="button"],
.enterprise-pro-green input[type="reset"],
.enterprise-pro-green input[type="submit"] {
background-color: #2bc876;
color: #fff;
}.enterprise-pro-green .button:hover,
.enterprise-pro-green .home-top .more-link:hover,
.enterprise-pro-green button:hover,
.enterprise-pro-green input:hover[type="button"],
.enterprise-pro-green input:hover[type="reset"],
.enterprise-pro-green input:hover[type="submit"] {
background-color: #333;
color: #fff;
}/* Enterprise Pro Orange
--------------------------------------------- */.enterprise-pro-orange .comment-meta a:hover,
.enterprise-pro-orange .entry-comments .comment-author a:hover,
.enterprise-pro-orange .entry-title a:hover,
.enterprise-pro-orange .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-orange .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-orange .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-orange .genesis-nav-menu a:hover,
.enterprise-pro-orange .site-footer a:hover,
.enterprise-pro-orange .site-title a,
.enterprise-pro-orange .site-title a:hover,
.enterprise-pro-orange a {
color: #ff6f00;
}.enterprise-pro-orange .comment-meta a,
.enterprise-pro-orange .site-footer a {
color: #aaa;
}.enterprise-pro-orange .entry-comments .comment-author a,
.enterprise-pro-orange .entry-title a,
.enterprise-pro-orange .genesis-nav-menu a,
.enterprise-pro-orange .sidebar .widget-title a,
.enterprise-pro-orange a:hover {
color: #333;
}.enterprise-pro-orange .nav-primary a {
color: #fff;
}.enterprise-pro-orange .archive-pagination .active a,
.enterprise-pro-orange .archive-pagination li a:hover,
.enterprise-pro-orange .button,
.enterprise-pro-orange .home-top .more-link,
.enterprise-pro-orange button,
.enterprise-pro-orange input[type="button"],
.enterprise-pro-orange input[type="reset"],
.enterprise-pro-orange input[type="submit"] {
background-color: #ff6f00;
color: #fff;
}.enterprise-pro-orange .button:hover,
.enterprise-pro-orange .home-top .more-link:hover,
.enterprise-pro-orange button:hover,
.enterprise-pro-orange input:hover[type="button"],
.enterprise-pro-orange input:hover[type="reset"],
.enterprise-pro-orange input:hover[type="submit"] {
background-color: #333;
color: #fff;
}/* Enterprise Pro Red
--------------------------------------------- */.enterprise-pro-red .comment-meta a:hover,
.enterprise-pro-red .entry-comments .comment-author a:hover,
.enterprise-pro-red .entry-title a:hover,
.enterprise-pro-red .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-red .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-red .genesis-nav-menu a:hover,
.enterprise-pro-red .site-footer a:hover,
.enterprise-pro-red .site-title a,
.enterprise-pro-red .site-title a:hover,
.enterprise-pro-red a {
color: #ff473a;
}.enterprise-pro-red .comment-meta a,
.enterprise-pro-red .site-footer a {
color: #aaa;
}.enterprise-pro-red .entry-comments .comment-author a,
.enterprise-pro-red .entry-title a,
.enterprise-pro-red .genesis-nav-menu a,
.enterprise-pro-red .sidebar .widget-title a,
.enterprise-pro-red a:hover {
color: #333;
}.enterprise-pro-red .nav-primary a {
color: #fff;
}.enterprise-pro-red .archive-pagination .active a,
.enterprise-pro-red .archive-pagination li a:hover,
.enterprise-pro-red .button,
.enterprise-pro-red .home-top .more-link,
.enterprise-pro-red button,
.enterprise-pro-red input[type="button"],
.enterprise-pro-red input[type="reset"],
.enterprise-pro-red input[type="submit"] {
background-color: #ff473a;
color: #fff;
}.enterprise-pro-red .button:hover,
.enterprise-pro-red .home-top .more-link:hover,
.enterprise-pro-red button:hover,
.enterprise-pro-red input:hover[type="button"],
.enterprise-pro-red input:hover[type="reset"],
.enterprise-pro-red input:hover[type="submit"] {
background-color: #333;
color: #fff;
}/* Enterprise Pro Teal
--------------------------------------------- */.enterprise-pro-teal .comment-meta a:hover,
.enterprise-pro-teal .entry-comments .comment-author a:hover,
.enterprise-pro-teal .entry-title a:hover,
.enterprise-pro-teal .genesis-nav-menu .current-menu-item > a,
.enterprise-pro-teal .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.enterprise-pro-teal .genesis-nav-menu .sub-menu a:hover,
.enterprise-pro-teal .genesis-nav-menu a:hover,
.enterprise-pro-teal .site-footer a:hover,
.enterprise-pro-teal .site-title a,
.enterprise-pro-teal .site-title a:hover,
.enterprise-pro-teal a {
color: #34bfba;
}.enterprise-pro-teal .comment-meta a,
.enterprise-pro-teal .site-footer a {
color: #aaa;
}.enterprise-pro-teal .entry-comments .comment-author a,
.enterprise-pro-teal .entry-title a,
.enterprise-pro-teal .genesis-nav-menu a,
.enterprise-pro-teal .sidebar .widget-title a,
.enterprise-pro-teal a:hover {
color: #333;
}.enterprise-pro-teal .nav-primary a {
color: #fff;
}.enterprise-pro-teal .archive-pagination .active a,
.enterprise-pro-teal .archive-pagination li a:hover,
.enterprise-pro-teal .button,
.enterprise-pro-teal .home-top .more-link,
.enterprise-pro-teal button,
.enterprise-pro-teal input[type="button"],
.enterprise-pro-teal input[type="reset"],
.enterprise-pro-teal input[type="submit"] {
background-color: #34bfba;
color: #fff;
}.enterprise-pro-teal .button:hover,
.enterprise-pro-teal .home-top .more-link:hover,
.enterprise-pro-teal button:hover,
.enterprise-pro-teal input:hover[type="button"],
.enterprise-pro-teal input:hover[type="reset"],
.enterprise-pro-teal input:hover[type="submit"] {
background-color: #333;
color: #fff;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {}
@media only screen and (max-width: 1139px) {.wrap {
max-width: 960px;
}.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 740px;
}.content {
width: 620px;
}.site-header .widget-area {
width: 600px;
}.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content,
.content-sidebar-sidebar .content {
width: 400px;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar-primary {
width: 300px;
}.footer-widgets-1 {
margin-right: 30px;
}}
@media only screen and (max-width: 1023px) {.wrap {
max-width: 768px;
}.home-top .wrap {
max-width: 750px;
}.content,
.content-sidebar-sidebar .content,
.content-sidebar-sidebar .content-sidebar-wrap,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar-content-sidebar .content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content,
.sidebar-sidebar-content .content-sidebar-wrap,
.site-header .widget-area,
.title-area {
width: 100%;
}.site-header .wrap {
padding: 20px 5%;
}.genesis-nav-menu li,
.site-header ul.genesis-nav-menu,
.site-header .search-form {
float: none;
}.genesis-nav-menu,
.site-description,
.site-header .search-form,
.site-header .title-area,
.site-header .widget-area,
.site-title {
text-align: center;
}.site-header .search-form {
margin: 16px auto;
}.genesis-nav-menu li.right {
display: none;
}.footer-widgets-1 {
margin-right: 0;
}.featured-content .alignnone {
display: block;
text-align: center;
}.home-top a.alignleft,
.home-top a.alignright {
width: 100%;
}.home-top .featured-content .entry-header {
clear: both;
padding: 40px 40px 0;
}.home-top .featured-content .entry-content {
padding: 0 40px 40px;
}}
@media only screen and (max-width: 768px) {.wrap {
padding-left: 5%;
padding-right: 5%;
}.archive-pagination li a {
margin-bottom: 4px;
}.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}.home-top .more-link {
display: block;
}.home-bottom .widget {
margin: 0 0 40px;
width: 100%;
}.header-image .site-title a {
background-size: contain !important;
}.genesis-nav-menu.responsive-menu,
.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
display: none;
}.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: block;
}.genesis-nav-menu.responsive-menu .menu-item:hover {
position: static;
}.genesis-nav-menu.responsive-menu li a,
.genesis-nav-menu.responsive-menu li a:hover {
background: none;
border: none;
display: block;
line-height: 1;
padding: 16px 20px;
text-transform: none;
}.genesis-nav-menu.responsive-menu .menu-item-has-children {
cursor: pointer;
}.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
margin-right: 60px;
}.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
content: "\f347";
float: right;
font: normal 16px/1 'dashicons';
height: 16px;
padding: 15px 20px;
right: 0;
text-align: right;
z-index: 9999;
}.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
content: "\f343";
}.genesis-nav-menu.responsive-menu .sub-menu {
background-color: rgba(0, 0, 0, 0.05);
border: none;
left: auto;
opacity: 1;
position: relative;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 100%;
z-index: 99;
}.genesis-nav-menu.responsive-menu .sub-menu li a,
.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
padding: 12px 20px;
position: relative;
text-transform: none;
width: 100%;
}.nav-primary .genesis-nav-menu.responsive-menu {
padding-bottom: 16px;
}.nav-primary .genesis-nav-menu.responsive-menu .sub-menu {
background-color: rgba(0, 0, 0, 0.07);
}.genesis-nav-menu.responsive-menu .sub-menu .sub-menu,
.nav-primary .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
background-color: transparent;
margin: 0;
padding-left: 25px;
}}
/* Eingefügt für volles Kopfbild hpe */
/* CSS for full-width responsive header Executive Pro 3.1 */
.site-description {
display: none; /* Original: display: none: */
}.site-header,
.title-area,
.site-title,
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
float: left;
margin: 0;
max-width: 100%;
min-height: 0%;
padding: 0;
width: 100%;
text-indent: 0;
}.site-title a,
.site-title a:hover {
background: transparent;
float: left;
margin: 0;
padding: 0;
width: 100%;
}Topic: Reduce space beneath images?
Hi all,
I'm using Minimum Pro and trying to find out how to reduce the space beneath images. I've always found these to be too big in WP but for the life of me, can't remember how I was able to reduce it in my last site.
Anyone know where to paste the correct CSS (I've tried looking for padding under wp-caption as well as under img but can't seem to find it.)
I've only started building the site today, but here's a page where the gaps beneath the images are too big for my taste: http://www.tester.billthompson.org/layouts/cs/651-2
And my CSS (hope this is OK to post).
Cheers,
Bill
/*
Theme Name: Minimum Pro Theme
Theme URI: http://my.studiopress.com/themes/minimum/
Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com/Version: 3.0.1
Tags: black, white, one-column, two-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
Template: genesis
Template Version: 2.0License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*//* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Forms
- Tables
- Structure and Layout
- Site Containers
- Page Title
- Column Widths and Positions
- Column Classes
- Common Classes
- WordPress
- Genesis
- Featured Post Grid
- Titles
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Genesis Latest Tweets
- Gravity Forms
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Header Navigation
- Primary Navigation
- Secondary Navigation
- Content Area
- Entries
- After Entry
- Pagination
- Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- max-width: 1139px
- max-width: 1023px
- max-width: 767px*/
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- *//* Baseline Normalize
normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* Box Sizing
--------------------------------------------- */*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}/* Float Clearing
--------------------------------------------- */.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
content: " ";
display: table;
}.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}/*
Defaults
---------------------------------------------------------------------------------------------------- *//* Typographical Elements
--------------------------------------------- */body {
background-color: #fff;
color: #333;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 300;
line-height: 1.625;
}a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}::-moz-selection {
background-color: #333;
color: #fff;
}::selection {
background-color: #333;
color: #fff;
}a {
border-bottom: 1px dotted #333;
color: #333;
font-weight: 400;
text-decoration: none;
}a img {
margin-bottom: -6px;
}a:hover {
color: #0ebfe9;
border-bottom: 1px dotted #0ebfe9;
}p {
margin: 0 0 24px;
padding: 0;
}strong {
font-weight: 400;
}ol,
ul {
margin: 0;
padding: 0;
}blockquote,
blockquote::before {
color: #999;
}blockquote {
margin: 40px;
}blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
}.entry-content code {
background-color: #333;
color: #ddd;
}cite {
font-style: normal;
}/* Headings
--------------------------------------------- */h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
font-family: 'Roboto Slab', serif;
font-weight: 400;
line-height: 1.2;
margin: 0 0 15px;
}h1 {
font-size: 30px;
}h2 {
font-size: 28px;
}h3 {
font-size: 24px;
}h4 {
font-size: 20px;
}h5 {
font-size: 18px;
}h6 {
font-size: 16px;
}/* Objects
--------------------------------------------- */embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}img {
height: auto;
}.featured-content img,
.gallery img {
width: auto; /* IE8 */
}/* Forms
--------------------------------------------- */input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: none;
color: #333;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 300;
padding: 10px;
width: 100%;
}input:focus,
textarea:focus {
border: 1px solid #333;
outline: none;
}input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}::-moz-placeholder {
color: #999;
opacity: 1;
}::-webkit-input-placeholder {
color: #999;
}button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
background-color: #333;
border: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-family: 'Roboto', sans-serif;
font-weight: 300;
padding: 16px 24px;
text-transform: uppercase;
width: auto;
}button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
background-color: #0ebfe9;
}.entry-content .button:hover {
color: #fff;
}.button {
border-radius: 3px;
display: inline-block;
}input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}/* Tables
--------------------------------------------- */table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}tbody {
border-bottom: 1px solid #ddd;
}th,
td {
text-align: left;
}th {
font-weight: bold;
text-transform: uppercase;
}td {
border-top: 1px solid #ddd;
padding: 6px 0;
}/*
Structure and Layout
---------------------------------------------------------------------------------------------------- *//* Site Containers
--------------------------------------------- */.wrap {
margin: 0 auto;
max-width: 1140px;
}.site-inner {
background-color: #fff;
clear: both;
padding-top: 40px;
}.minimum-landing .site-inner {
margin: 40px auto;
padding: 60px 60px 20px;
width: 800px;
}/* Site Containers
--------------------------------------------- */.home-featured {
border-bottom: 5px solid #f5f5f5;
margin-bottom: 60px;
padding: 40px 0;
}.home-featured li {
list-style-type: none;
}.home-featured .widget {
padding: 0 20px;
}.home-featured p:last-child {
padding: 0 0 24px;
}.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {
float: left;
text-align: center;
width: 25%;
}.home-featured .simple-social-icons ul li a {
padding: 40px !important;
}.home-featured .simple-social-icons ul li {
margin: 0 0 30px !important;
}.site-tagline {
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
margin-top: 30px;
padding: 40px 0;
}.site-tagline p {
margin: 0;
}.site-tagline-left {
float: left;
width: 50%;
}.site-tagline-right {
float: right;
text-align: right;
width: 50%;
}.minimum .site-tagline {
margin-top: 600px;
}a.cta-button {
background-color: #333;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 300;
line-height: 1;
padding: 15px 20px;
}a.cta-button:hover {
background-color: #0ebfe9;
}/* Column Widths and Positions
--------------------------------------------- *//* Content */
.content {
float: left;
width: 720px;
}.sidebar-content .content {
float: right;
}.full-width-content .content {
width: 100%;
}/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}.one-third,
.two-sixths {
width: 31.623931623931625%;
}.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}.one-fourth {
width: 23.076923076923077%;
}.three-fourths {
width: 74.35897435897436%;
}.one-sixth {
width: 14.52991452991453%;
}.five-sixths {
width: 82.90598290598291%;
}.first {
clear: both;
margin-left: 0;
}/*
Common Classes
---------------------------------------------------------------------------------------------------- *//* WordPress
--------------------------------------------- */.avatar {
float: left;
}.alignleft .avatar {
margin-right: 24px;
}.alignright .avatar {
margin-left: 24px;
}.author-box .avatar {
height: 72px;
margin-right: 24px;
width: 72px;
}.entry-comments .avatar {
height: 48px;
width: 48px;
}.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}.search-form {
overflow: hidden;
padding: 3px;
width: 100%;
}.sticky {
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}a.alignnone,
img.alignnone {
margin-bottom: 12px;
}.alignleft {
float: left;
text-align: left;
}.alignright {
float: right;
text-align: right;
}a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}a.alignnone {
display: inline-block;
}a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}a.alignleft,
a.alignright {
border: none;
}.wp-caption-text {
font-size: 14px;
font-weight: 400;
text-align: center;
}.gallery-caption {
}/*
Widgets
---------------------------------------------------------------------------------------------------- */.widget {
word-wrap: break-word;
}.widget li {
list-style-type: none;
margin-bottom: 6px;
text-align: left;
}.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}.widget ul > li:last-child,
.widget p:last-child {
margin-bottom: 0;
}.widget_calendar table {
width: 100%;
}.widget_calendar td,
.widget_calendar th {
text-align: center;
}/* Genesis
--------------------------------------------- */.breadcrumb {
margin-bottom: 40px;
}.archive-description,
.author-box {
background-color: #f5f5f5;
}.archive-description {
margin-bottom: 40px;
padding: 40px 40px 16px;
}.author-box {
margin-bottom: 40px;
padding: 40px;
}.single .author-box {
margin-bottom: 60px;
}.author-box-title {
color: #333;
font-family: 'Roboto Slab', serif;
font-size: 16px;
font-weight: 400;
margin-bottom: 4px;
}.author-box p {
margin-bottom: 0;
}.author-box .avatar {
margin-right: 24px;
}/* Featured Post Grid
------------------------------------------------------------ */.genesis-grid-even,
.genesis-grid-odd {
border-bottom: 1px solid #f5f5f5;
margin-bottom: 30px;
padding: 0;
width: 47%;
}.genesis-grid-even {
float: right;
}.genesis-grid-odd {
clear: both;
float: left;
}/* Titles
--------------------------------------------- */.entry-title {
font-size: 30px;
line-height: 1;
}.genesis-grid .entry-title {
font-size: 24px;
margin: 0 0 10px;
}.single-portfolio .entry-title {
margin-bottom: 20px;
}.entry-title a,
.sidebar .widget-title a {
border: none;
color: #333;
}.entry-title a:hover {
color: #0ebfe9;
}.widget-title {
font-size: 16px;
margin-bottom: 24px;}
#home-featured .widget-title {
margin-bottom: 10px;
}.sidebar .widget-title a {
border: none;
}.archive-title {
font-size: 20px;
margin-bottom: 24px;
}/*
Widgets
---------------------------------------------------------------------------------------------------- *//* Featured Content
--------------------------------------------- */.featured-content .entry {
border-bottom: 2px solid #f5f5f5;
margin-bottom: 24px;
padding: 0 0 24px;
}.featured-content .entry:last-child {
margin-bottom: 0;
padding: 0;
}.featured-content .entry-title {
border: none;
font-size: 18px;
line-height: 1.2;
}.featured-content .entry-title a {
border: none;
}/*
Plugins
---------------------------------------------------------------------------------------------------- *//* Genesis eNews Extended
--------------------------------------------- */.enews-widget {
color: #999;
}.enews-widget input {
margin-bottom: 16px;
}.enews-widget input:focus {
border: 1px solid #ddd;
}.enews-widget input[type="submit"] {
background-color: #0ebfe9;
color: #fff;
margin: 0;
width: 100%;
}.enews-widget input:hover[type="submit"] {
background-color: #fff;
color: #333;
}.enews form + p {
margin-top: 24px;
}.sidebar .enews-widget {
background-color: #333;
padding: 30px;
}.sidebar .enews-widget .widget-title {
color: #fff;
}/* Genesis Latest Tweets
--------------------------------------------- */.latest-tweets ul li {
margin-bottom: 16px;
}/* Gravity Forms
--------------------------------------------- */div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
font-size: 16px;
padding: 16px;
}div.gform_wrapper .ginput_complex label {
padding: 0;
}div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
}div.gform_wrapper .gform_footer input[type="submit"] {
font-size: 16px;
}/* Jetpack
--------------------------------------------- */img#wpstats {
display: none;
}/*
Site Header
---------------------------------------------------------------------------------------------------- */.site-header {
background-color: #fff;
border-bottom: 1px solid #eee;
left: 0;
letter-spacing: 1px;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}.admin-bar .site-header {
top: 32px;
}/* Title Area
--------------------------------------------- */.title-area {
float: left;
padding: 18px 0;
width: 320px;
}.header-image .title-area {
padding: 0;
}.site-title {
font-family: 'Roboto', sans-serif;
font-size: 24px;
line-height: 1;
margin: 0;}
.site-title a,
.site-title a:hover {
border: none;
color: #333;
}.site-description {
font-size: 36px;
font-weight: 300;
line-height: 1.2;
margin: 0;
}/* Full width header, no widgets */
.header-full-width .title-area,
.header-full-width .site-title {
width: 100%;
}.header-image .site-title a {
display: block;
text-indent: -9999px;
}/* Custom header */
.header-image .title-area {
padding: 0;
}.header-image .site-title a {
height: 60px;
display: block;
text-indent: -9999px;
max-width: 320px;
}/* Widget Area
--------------------------------------------- */.site-header .widget-area {
float: right;
text-align: right;
width: 800px;
}.site-header .search-form {
float: right;
margin-top: 10px;
}/*
Site Navigation
---------------------------------------------------------------------------------------------------- */.genesis-nav-menu {
clear: both;
color: #fff;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height: 1.5;
width: 100%;
}.genesis-nav-menu .menu-item {
display: inline-block;
margin: 0;
text-align: left;
}.genesis-nav-menu a {
border: none;
color: #333;
display: block;
font-size: 14px;
padding: 20px;
position: relative;
}.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #333;
}.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 160px;
z-index: 99;
}.genesis-nav-menu .sub-menu a {
background-color: #fff;
border: 1px solid #eee;
border-top: none;
padding: 16px 20px;
position: relative;
width: 160px;
}.genesis-nav-menu .sub-menu .sub-menu {
margin: -54px 0 0 159px;
}.genesis-nav-menu .menu-item:hover {
position: static;
}.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}.genesis-nav-menu > .first > a {
padding-left: 0;
}.genesis-nav-menu > .last > a {
padding-right: 0;
}.genesis-nav-menu > .right {
display: inline-block;
float: right;
list-style-type: none;
padding: 20px 0;
text-transform: uppercase;
}.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}.genesis-nav-menu > .rss > a {
margin-left: 48px;
}.genesis-nav-menu > .search {
padding: 6px 0 0;
}/* Site Header Navigation
--------------------------------------------- */.site-header .sub-menu {
border-top: 1px solid #eee;
}.site-header .sub-menu .sub-menu {
margin-top: -55px;
}/* Primary Navigation
--------------------------------------------- */.nav-primary {
background-color: #333;
}.nav-primary a,
.nav-primary .genesis-nav-menu .sub-menu a {
color: #fff;
}.nav-primary .genesis-nav-menu .sub-menu a {
background-color: #333;
border: 1px solid #444;
border-top: none;
}.nav-primary .sub-menu a:hover {
color: #0ebfe9;
}/* Secondary Navigation
--------------------------------------------- */.nav-secondary {
margin-bottom: 20px;
}.site-footer .nav-secondary a {
color: #fff;
margin: 0 30px;
padding: 0;
}.site-footer .nav-secondary a:hover {
color: #999;
}.site-footer .nav-secondary .genesis-nav-menu .sub-menu a {
background-color: #333;
border: 1px solid #444;
border-top: none;
padding: 16px;
}.site-footer .nav-secondary .sub-menu a:hover {
color: #0ebfe9;
}/* Responsive Menu
--------------------------------------------- */#responsive-menu-icon {
cursor: pointer;
display: none;
}#responsive-menu-icon::before {
color: #333;
content: "\f333";
font: normal 24px/1 'dashicons';
margin: 0 auto;
}/*
Content Area
---------------------------------------------------------------------------------------------------- *//* Entries
--------------------------------------------- */.entry {
margin-bottom: 40px;
}.post-type-archive-portfolio .entry {
float: left;
margin-bottom: 60px;
width: 50%;
}.post-type-archive-portfolio .entry:nth-of-type(2n) {
float: right;
padding-left: 30px;
}.post-type-archive-portfolio .entry:nth-of-type(2n+1) {
clear: left;
padding-right: 30px;
}.single-portfolio .entry {
text-align: center;
}.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
margin-bottom: 26px;
}.entry-content ol,
.entry-content ul {
margin-left: 40px;
}.entry-content ol > li {
list-style-type: decimal;
}.entry-content ul > li {
list-style-type: disc;
}.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}.entry-content .search-form {
width: 50%;
}.entry-meta {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}.entry-meta a {
border: none;
font-weight: 300;
}.entry-header .entry-meta {
margin-bottom: 24px;
}.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}.entry-categories,
.entry-tags {
display: block;
}/* After Entry
--------------------------------------------- */.after-entry {
background-color: #f5f5f5;
margin-bottom: 60px;
padding: 40px;
text-align: center;
}.after-entry .widget {
margin-bottom: 40px;
}.after-entry .featured-content .entry:last-child,
.after-entry .widget:last-child,
.after-entry p:last-child {
padding: 0;
margin: 0;
}.after-entry li {
list-style-type: none;
}/* Pagination
--------------------------------------------- */.pagination {
clear: both;
margin: 40px 0;
}.pagination li {
display: inline;
}.pagination li a {
background-color: #333;
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
padding: 8px 12px;
}.pagination li a:hover,
.pagination li.active a {
background-color: #0ebfe9;
}/* Comments
--------------------------------------------- */.comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 60px;
}.comment-content {
clear: both;
}.entry-comments .comment-author {
margin-bottom: 0;
}.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%
}.comment-respond label {
display: block;
margin-right: 12px;
}.comment-list li,
.ping-list li {
list-style-type: none;
}.comment-list li {
margin-top: 24px;
padding: 32px;
}.comment-list li li {
margin-right: -32px;
}li.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}.comment .avatar {
margin: 0 16px 24px 0;
}.entry-pings .reply {
display: none;
}.bypostauthor {
}/*
Sidebar
---------------------------------------------------------------------------------------------------- */.sidebar {
float: right;
margin-top: 10px;
width: 340px;
}.sidebar-content .sidebar {
float: left;
}.sidebar img {
margin-bottom: 15px;
}.sidebar .featured-content img {
margin-bottom: 0;
}.sidebar .widget {
margin-bottom: 40px;
}.sidebar .tagcloud a {
background-color: #333;
border-radius: 3px;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: 'Roboto', sans-serif;
margin: 0 5px 5px 0;
padding: 5px 10px;
}.sidebar .tagcloud a:hover {
background-color: #0ebfe9;
color: #fff;
}/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */.footer-widgets {
background-color: #333;
color: #999;
clear: both;
}.footer-widgets .wrap {
border-bottom: 1px solid #444;
padding: 40px 0 16px;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 340px;
}.footer-widgets-1 {
margin-right: 60px;
}.footer-widgets-1,
.footer-widgets-2 {
float: left;
}.footer-widgets-3 {
float: right;
}.footer-widgets a {
border-bottom: 1px dotted #fff;
color: #fff;
}.footer-widgets a:hover {
color: #999;
}.footer-widgets .widget {
margin-bottom: 40px;
}.footer-widgets .widget-title {
color: #fff;
}.footer-widgets li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
}.footer-widgets .search-form input:focus {
border: 1px solid #ddd;
}/*
Site Footer
---------------------------------------------------------------------------------------------------- */.site-footer {
background-color: #333;
letter-spacing: 1px;
padding: 60px 0;
text-align: center;
}.site-footer a,
.site-footer p {
color: #999;
}.site-footer a:hover {
color: #fff;
}.site-footer a {
border: none;
font-weight: 300;
}.site-footer p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
margin-bottom: 0;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1179px) {.wrap {
max-width: 960px;
}.site-header .widget-area {
width: 620px;
}.content {
width: 580px;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar {
width: 280px;
}}
@media only screen and (max-width: 1023px) {.wrap {
max-width: 768px;
}.content,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.minimum-landing .site-inner,
.sidebar,
.site-header .widget-area,
.site-tagline-left,
.site-tagline-right,
.title-area {
width: 100%;
}.site-header {
position: static;
}.site-inner {
padding: 40px 5%;
}.post-type-archive-portfolio .entry,
.site-header .title-area,
.site-header .search-form,
.site-header .widget-area,
.site-tagline-left,
.site-tagline-right {
text-align: center;
}.header-image .site-title a {
margin: 0 auto 10px;
}.site-header .search-form {
float: none;
margin: 0 auto;
width: 50%;
}.site-header .widget-area {
padding: 0 5%;
}.site-description {
font-size: 30px;
}.site-tagline {
margin-top: 0;
padding: 20px 0;
}.minimum .site-tagline {
margin-top: 400px;
}.genesis-nav-menu li,
.site-header ul.genesis-nav-menu,
.site-tagline-left,
.site-tagline-right {
float: none;
}.site-tagline-left p {
margin-bottom: 20px;
}.minimum-landing .site-inner {
margin: 0;
padding: 40px 40px 0;
}.minimum-landing .site-container {
padding: 5%;
}.footer-widgets .widget,
.nav-primary .wrap,
.site-footer .wrap,
.site-tagline {
padding-left: 5%;
padding-right: 5%;
}.site-footer {
padding: 40px 0;
}}
@media only screen and (max-width: 768px) {.site-header {
padding-bottom: 10px;
}.title-area {
padding-bottom: 6px;
}.minimum .site-tagline {
margin-top: 200px;
}.genesis-nav-menu a {
padding: 20px 10px;
}.site-footer .nav-secondary a {
margin: 0 10px;
}.responsive-menu {
display: none;
}#responsive-menu-icon {
display: block;
}.home-featured .simple-social-icons ul li a {
font-size: 36px !important;
padding: 20px !important;
}.genesis-grid-even,
.genesis-grid-odd,
.post-type-archive-portfolio .entry {
width: 100%;
}.post-type-archive-portfolio .entry:nth-of-type(2n),
.post-type-archive-portfolio .entry:nth-of-type(2n+1) {
float: none;
padding: 0;
}.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}}
@media only screen and (max-width: 600px) {.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {
width: 50%;
}.home-featured .widget-area:nth-of-type(2n+1) {
clear: left;
}}
@media only screen and (max-width: 320px) {.header-image .site-header .title-area .site-title a {
background-size: contain !important;
}}
The underline is controlled by this CSS in the (stock) child theme stylesheet at line 1497:
.entry-header::after { border-bottom: 1px solid #000; content: ""; display: block; margin: 0 auto 60px; padding-bottom: 30px; width: 25%; }To remove the underline for all pages:
. page .entry-header::after { border-bottom: none; }Or, for individual pages, find the page-ID of the page to be adjusted, adding the following to ehe stylesheet below the above code, where xxx is the value of the page ID for each page affected ....
.page-id-xxx .entry-header::after { border-bottom: none; }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]Hi,
This topic has been covered but the responses have yet to work correctly for me.
I've tried the following:
1) Commenting out lines 121-139 in functions.php
2) Adding display: none; to .site-tagline in the cssThese both work but they shift my site-container and site-header (on the homepage set to blog) so that the width's not a match with other pages/posts.
The site container ends up being 15px wider on the homepage than other pages/posts.
I can't seem to find a counter-adjustment to balance things out.
Any help would be much appreciated.
Thanks =)
Hi,
It appears that you've clobbered the theme styling lines 1219-1304. You can fix this with the following CSS, adding your max-height rule at the bottom. (an FYI, your overall idea may not look as intended on shorter screens).front-page-1 { background-attachment: fixed; background-color: #fff; background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; max-height: 550px; }Add this for your FP-2 images:
.front-page-2 .widget-area .wrap { max-width: 100%; padding: 0px; margin: 0px; border: none; } .front-page-2 img { width: 100%; }Add this for appearance on mobile:
@media only screen and (max-width: 640px) { .front-page-2 .one-third { clear: both !important; width: 100%; line-height: .6; }Adjust as necessary.
(Skip any links embedded in these snippets, they're being added by the forum, not me!)
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]Hello everyone,
I use the Lifestyle Pro-Theme for my website handgepaeckguide.de.
I adjusted the function.php so that there is a full with header and a full
width footer. The area between the header and footer is divided into a
main content area and a sidebar.Now, I would like to create a page template where the area between the
header and the footer has no sidebar and consists only of a (full width-)main content
area.And I want to create a new CSS class to modify the width and other
attributes of this main content area, (specifically for this page
template).I understand, that I have to add a php-file to the Lifestyle Pro-Theme to
create the page template.But even after reading numerous blog posts, I was not able to figure out
what code this php-file exactly needs to contain to get the desired
result.I managed to create a page template without sidebar. But I failed to include the CSS-classes which allow me to adjust the width and other attributes of the main content area.
Can anyone help me out?
Thank you very much in advance!
Best regards from Germany,
André
Welcome!
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.