-
Search Results
-
Working on a client site that is behind a coming soon plugin.
I added the regular header logo to the site and added the following to the CSS for a retina ready image:
@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), only screen and (min-resolution:120dpi) { .custom-header .site-title a { background: url(http://www.spoonabilities.com/wp-content/uploads/2014/08/[email protected]) no-repeat top left !important; background-size: 351px 105px !important; } }
The entire CSS is:
/* Theme Name: Foodie Child Theme Description: This is the Foodie child theme created for the Genesis Framework. Author: Shay Bocks Author URI: http://www.shaybocks.com/ Version: 1.0.9 Tags: black, orange, 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.1 License: GPL-2.0+ License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents - HTML5 Reset - Baseline Reset - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Headings - Widgets - Featured Page and Featured Post - User Profile - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Gravity Forms - Easy Recipe Pro - Genesis Responsive Slider - Custom Page Templates - Home Page - Recipes Page - Top Ad - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Archive Pagination - Entry Navigation - Comments - Sidebars - Simple Social Icons - Footer Widgets - Site Footer - Color Options - Earthy - Citrus - Media Queries - max-width: 1139px - max-width: 1023px - max-width: 767px */ @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700); /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Reset (normalize.css 2.1.2) Link: http://necolas.github.com/normalize.css/ --------------------------------------------- */ 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 --------------------------------------------- */ address:before, address:after, article:before, article:after, aside:before, aside:after, audio:before, audio:after, blockquote:before, blockquote:after, canvas:before, canvas:after, dd:before, dd:after, div:before, div:after, dl:before, dl:after, fieldset:before, fieldset:after, figcaption:before, figcaption:after, figure:before, figure:after, footer:before, footer:after, form:before, form:after, header:before, header:after, hr:before, hr:after, main:before, main:after, output:before, output:after, pre:before, pre:after, section:before, section:after, table:before, table:after, tfoot:before, tfoot:after, video:before, video:after, .clearfix:before, .clearfix:after { content: " "; display: table; } address:after, article:after, aside:after, audio:after, blockquote:after, canvas:after, dd:after, div:after, dl:after, fieldset:after, figcaption:after, figure:after, footer:after, form:after, header:after, hr:after, main:after, output:after, pre:after, section:after, table:after, tfoot:after, video:after, .clearfix:after { clear: both; } #featured-post-3 h2 a {font-weight: bold!important;} #featured-post-3 p {margin-top: 20px!important;} div.related.products {clear:both; float: left;} /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } body { background: #fff; color: #333; font-family: 'Droid Sans', sans-serif; font-size: 15px!important; font-size: 1.5rem; font-weight: 300; letter-spacing: 0.5px; letter-spacing: 0.05rem; line-height: 1.625; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus { -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: #111; color: #fff; } ::selection { background: #111; color: #fff; } a { color: #FFA039; text-decoration: none; } a img { margin-bottom: 20px; margin-bottom: 2rem; } a:hover { color: #111; } p { margin: 0 0 22px; margin: 0 0 2.2rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote, blockquote::before { color: #666; } blockquote { margin: 0; padding: 22px 20px; padding: 2.2rem 2rem; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } pre { background: #111; color: #ccc; overflow: scroll; padding: 0 2rem; padding: 0 20px; white-space: pre; } cite { font-style: normal; } div.product_meta {font-size: 12px; font-size: 1.2rem; margin-bottom: 20px;} /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #222; font-family: 'Roboto Slab', sans-serif; font-weight: 300; line-height: 1.6; margin: 0 0 24px; } h1 { font-size: 28px; font-size: 2.8rem; } h2 { font-size: 20px; font-size: 2.0rem; } .woocommerce-tabs h2 { font-size: 20px!important; font-size: 2.0rem!important; } .woocommerce-tabs .related products h2 { font-size: 20px!important; font-size: 2.0rem!important; } .woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{margin-bottom:2em; padding-left: 10px;} .woocommerce #content div.product div.images img,.woocommerce div.product div.images img,.woocommerce-page #content div.product div.images img,.woocommerce-page div.product div.images img{display:block;width:100%;height:auto;box-shadow:none!important;-webkit-box-shadow:none!important;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s} woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 8px;box-shadow:none!important;-webkit-box-shadow:none!important;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s} h3 { font-size: 18px; font-size: 1.8rem; } h4 { font-size: 16px; font-size: 1.6rem; } h5 { font-size: 14px; font-size: 1.4rem; } h6 { font-size: 12px; font-size: 1.2rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ } /* Forms --------------------------------------------- */ input, select, textarea { border: 1px solid #dfdacc; color: #333; font-family: 'Droid Sans', sans-serif; font-size: 12px; font-size: 1.2rem; padding: 5px; padding: 0.5rem; width: 100%; } input:focus, textarea:focus { outline: none; } ::-moz-placeholder { color: #000; } ::-webkit-input-placeholder { color: #000; } button, input[type="button"], input[type="reset"], input[type="submit"] { background: #FFA039; border: none; box-shadow: none; color: #fff; cursor: pointer; letter-spacing: 0.5px; letter-spacing: 0.05rem; padding: 5px 12px; padding: .5rem 1.2rem; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] { background: #333; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-container { background: #fff; border: 0px solid #ccc; margin: 20px auto 0; max-width: 1140px; padding: 0 20px; padding: 0 2rem; } .site-inner { clear: both; margin: 20px auto; margin: 2rem auto; width: 1040px; } .wrap { display: block; margin: 0 auto; } /* 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: 840px; } .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: 680px; } .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%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 300px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 160px; } .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 { float: left; } .alignleft .avatar { margin-right: 22px; margin-right: 2.2rem; } .alignright .avatar { margin-left: 22px; margin-left: 2.2rem; } .search-form { width: 200px; } .search-form input { background: #fff url('images/search.png') center right no-repeat; border: 1px solid #ccc; color: #333; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .sticky { } img.centered, .aligncenter { display: block; margin: 0 auto 22px; margin: 0 auto 2.2rem } img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; } /*.alignleft { float: left; text-align: left; } */ .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 22px 22px 0; margin: 0 2.2rem 2.2rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 22px 22px; margin: 0 0 2.2rem 2.2rem; } .wp-caption-text { font-family: 'Droid Sans', sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 300; letter-spacing: 2px; letter-spacing: .2rem; margin: 0; text-align: center; text-transform: uppercase; } .wp-caption { max-width: 100%; } .gallery-caption { } .widget_calendar table { width: 100%; } .widget_calendar td { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; margin-bottom: 2rem; } .archive-description, .author-box { background: #fff; margin-bottom: 20px; margin-bottom: 2rem; } .archive-description { margin-bottom: 2rem; padding: 20px 20px 22px; padding: 2rem 2rem 2.2rem; } .author-box { padding: 20px; padding: 2rem; } .author-box-title { color: #111; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; margin-top: 0; margin-bottom: 4px; margin-bottom: 0.2rem; } .author-box a { } .author-box p { margin: 0; } .author-box .avatar { margin-right: 22px; margin-right: 2.2rem; } /* Headings --------------------------------------------- */ .entry-title { font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Slab',sans-serif; line-height: 1.625; margin-bottom: 5px; margin-bottom: .5rem; } .page .entry-title { margin-bottom: 16px; margin-bottom: 1.6rem; } h1.entry-title, .entry-title a, .sidebar .widgettitle a { color: #333; } .widgettitle { color: #333; font-size: 20px; font-size: 2.0rem; font-family: 'Roboto Slab',sans-serif; margin: 0 0 20px; margin: 0 0 2rem; border-bottom: 0px solid #ccc; } .sidebar .widgettitle { border-bottom: none; } .sidebar .widgettitle a { border: none; border-bottom: none; } h4.widget-title.widgettitle { text-align: center; } .widget_archive .widgettitle, .widget_categories .widgettitle, .widget_nav_menu .widgettitle, .widget_search .widgettitle { text-align: left; border-bottom: none; } .archive-title { font-size: 20px; font-size: 2rem; margin-bottom: 22px; margin-bottom: 2.2rem; border-bottom: none; } /* Widgets ---------------------------------------------------------------------------------------------------- */ /* Featured Page and Featured Post --------------------------------------------- */ .featured-content .entry, .featuredpost .post { margin-bottom: 15px; margin-bottom: 1.5rem; padding: 0; padding: 0; text-align: center; } .home .featured-content .entry, .home .featuredpost .post { text-align: left; } .featured-content .entry-title, .featuredpost h2 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; margin: 0 0 20px 0; text-align: center; } .featuredpost h2 a { color: #333; } .featured-content .entry-title a, .featuredpost h2 a { border: none; } .featured-content .entry-header, .featuredpost .post-info { text-align: center; } .featured-content img, .featuredpost img { display: block; margin: 0 auto 10px; margin: 0 auto 1rem; } /* User Profile --------------------------------------------- */ .user-profile .avatar-45 { border: 3px solid #fff; border-radius: 45px; margin-right: 10px; margin-right: 1rem; } .user-profile .avatar-65 { border: 3px solid #fff; border-radius: 65px; margin-right: 10px; margin-right: 1rem; } .user-profile .avatar-85 { border: 3px solid #fff; border-radius: 85px; margin-right: 10px; margin-right: 1rem; } .user-profile .avatar-125 { border: 3px solid #fff; border-radius: 125px; margin-right: 10px; margin-right: 1rem; } .user-profile { font-size: 13px; font-size: 1.3rem; line-height: 1.3; text-align: left; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget { background: #e9e6dc; color: #333; padding: 20px; padding: 2rem; text-align: center; } .enews-widget .widgettitle { color: #111; font-size: 20px; font-size: 2rem; } .enews-widget input { margin-bottom: 16px; margin-bottom: 1.6rem; } .enews-widget input:focus { border: 1px solid #dfdacc; } .enews-widget input[type="submit"] { background: #FFA039; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"] { background: #fff; color: #111; } /* Genesis Latest Tweets --------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1.6rem; } /* 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: 8px; padding: 0.8rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1.6rem 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 12px; font-size: 1.2rem; } #gform_widget-2 { background: #e9e6dc; color: #333; padding: 20px; padding: 2rem; text-align: center; } #gform_widget-2 .widgettitle { color: #111; font-size: 20px; font-size: 2rem; } #gform_widget-2 input { margin-bottom: 16px; margin-bottom: 1.6rem; } #gform_widget-2 input:focus { border: 1px solid #dfdacc; } #gform_widget-2 input[type="submit"] { background: #FFA039; color: #fff; margin: 0; width: 100%; } #gform_widget-2 input:hover[type="submit"] { background: #fff; color: #111; } body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select { width:260px } span.gfield_required {color: #FFA039!important;} /* Easy Recipe Pro --------------------------------------------- */ .foodie .easyrecipe { background: #fff; border: 0; margin: 20px 0; margin: 2rem 0; padding: 0; } .foodie .easyrecipe div:before, .foodie .easyrecipe div:after { clear: none; display: inline; } .foodie .easyrecipe .ERSName { color: #666; font-family: 'Open Sans', sans-serif; font-size: 20px; font-size: 2.0rem; font-weight: 300; letter-spacing: 2px; letter-spacing: 0.2rem; text-transform: uppercase; width: 60%; } .foodie .easyrecipe .ERSTimeHeading, .foodie .easyrecipe .ERSHeading, .foodie .easyrecipe .ERSNotesHeader, .foodie .easyrecipe .ERSNutritionHeader, .foodie .easyrecipe .ERSIngredients .ERSIngredientsHeader, .foodie .easyrecipe .ERSInstructions .ERSInstructionsHeader, .foodie .easyrecipe div.ERSNotesHeader, .foodie .easyrecipe .nutrition .ERSNutritionHeader { color: #666; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 2px; letter-spacing: 0.2rem; text-transform: uppercase; } .foodie .easyrecipe .ERSHeading, .foodie .easyrecipe .ERSNotesHeader, .foodie .easyrecipe .ERSNutritionHeader { margin: 5px 0 10px; margin: 2rem 0 1rem; } .foodie .easyrecipe .ERSTopRight img { border: 0; } .foodie .easyrecipe .pibfi_pinterest .xc_pin { margin: 0; } .foodie .easyrecipe .ERSSummary { width: 60%; } .foodie .easyrecipe .ERSSavePrint { background: #fff; } .foodie .easyrecipe .ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ziplist-link.ERSSaveBtn, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ziplist-button.ERSSaveBtn { background: #e9e6dc; border-radius: 0; padding: 0 10px; } .foodie .easyrecipe .ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn:hover, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn:hover { background: #dfdacc; } .foodie .easyrecipe .ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn, .foodie .easyrecipe .ui-button .ui-button-text { color: #666; font-family: 'Open Sans', sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 400; letter-spacing: 2px; letter-spacing: 0.2rem; text-transform: uppercase; } .foodie .easyrecipe .ui-button .ui-button-text { padding: 0.4em 1em 0.4em 2.4em; } .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ziplist-link .ERSSaveIcon, .foodie .easyrecipe .ERSSavePrint .ERSSaveBtnSpan .ziplist-button .ERSSaveIcon { background-image: url('images/save.png'); margin-left: 10px; } .foodie .easyrecipe .ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn .ERSPrintIcon { background-image: url('images/print.png'); margin-left: 10px; } .foodie .easyrecipe .ERSIngredients, .foodie .easyrecipe .ERSInstructions, .foodie .easyrecipe .ERSNutrition { border-top: 1px dotted #333; margin-top: 20px; margin-top: 2rem; } .foodie .easyrecipe .ERSIngredients { width: 60%; } .foodie .easyrecipe .ERSIngredients li.ingredient { list-style: none; } .foodie .easyrecipe .ERSIngredients ul li:before { content: "0BB 020"; padding-right: 7px; padding-right: .7rem; } .foodie .easyrecipe .ERSNutrionDetails span { margin-right: 20px; margin-right: 2rem; } .foodie .easyrecipe .ERSRatings { margin: 10px 0 0; margin: 1rem 0 0; } .foodie .easyrecipe .ERComment { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; letter-spacing: 0.1rem; text-transform: uppercase; } .foodie .easyrecipe .ERRateBG { background: url('images/whitestar.png'); margin: 2px 0 0 10px; margin: .2rem 0 0 1rem; } .foodie .ERRateBG, .foodie .ERRatingComment, .foodie .ERComment .ERRateBG, .foodie .ERSRatingOuter { background: url('images/whitestar.png'); margin: 0 0 10px 0; margin: 0 0 1rem 0; } .foodie .easyrecipe .ERRateStars, .foodie .ERComment .ERRateStars, .foodie .ERRatingCommentInner, .foodie .ERSRatingInner { background: url('images/graystar.png'); } .foodie .easyrecipe .average { font-family: 'Open Sans', sans-serif; } /* Genesis Responsive Slider --------------------------------------------- */ .foodie #genesis-responsive-slider { border: 0; margin: 0 auto; margin-bottom: 30px; padding: 0; position: relative; } .foodie .slide-excerpt { background: transparent; margin: 0 0 10%; opacity: 1; width: 100%; } .foodie .slide-excerpt-border { border: 0; display: inline; float: left; margin: 0; padding: 0; width: 100%; } .foodie .slide-excerpt-border h2 { margin: 0; text-align: right; width: 100%; } .foodie #genesis-responsive-slider h2 a { background: #333; color: #fff; font-size: 14px; font-size: 1.4rem; margin: 0; overflow: visible; padding: 10px; text-align: right; width: 100%; } .foodie .flex-direction-nav li a { background: url("images/bg_direction_nav.png"); top: 40%; } .foodie .flex-direction-nav li .prev, .foodie .flex-direction-nav li .prev:hover { background-position: 0 0; left: -25px; } .foodie .flex-direction-nav li .next, .foodie .flex-direction-nav li .next:hover { background-position: -52px 0; right: -25px; } .foodie .flex-direction-nav li .prev:hover, .foodie .flex-direction-nav li .next:hover { opacity: 0.9; } .foodie .flex-control-nav li a { background: url("images/bg_control_nav.png"); } .foodie .flex-control-nav li a.active { background-position: 0 -26px; } .foodie .flex-control-nav li a:hover { background-position: 0 -12px; } /* Custom Page Templates ---------------------------------------------------------------------------------------------------- */ /* Home Page --------------------------------------------- */ .home-top { margin: 0 auto; max-width: 680px; } .paged .home-middle, .paged .home-top { display: none; visibility: hidden; } .home-middle .featured-content .entry-title, .home-middle .featuredpost h2, .home-top .featured-content .entry-title, .home-top .featuredpost h2 { font-size: 16px; font-size: 1.6rem; } .home-bottom { border-top: 0px dotted #444; padding-top: 40px; padding-top: 4rem; } .paged .home-bottom { border: 0; padding: 0; } .home-bottom .featuredpost .entry, .home-bottom .featuredpage .entry { float: left; margin-left: 2.564102564102564%; width: 48.717948717948715%; } .home-bottom .featuredpost .gfwa-odd { clear: both; margin-left: 0; } .home-bottom img { width: 100%; } .home-bottom .featured-content .entry-title, .home-bottom .featuredpost h2 { font-size: 18px; font-size: 1.8rem; } /* Recipes Page --------------------------------------------- */ .recipes-top { background: #e9e6dc; padding: 20px; padding: 2rem; } .recipes-top .widget { float: left; margin-right: 1%; width: 32%; } .recipes-bottom { margin-top: 20px; margin-top: 2rem; } .recipes-bottom .widget { border-bottom: 1px dotted #333; padding: 20px 0; padding: 2rem 0; } .recipes-bottom .widgettitle { font-size: 22px; font-size: 2.2rem; } .recipes-bottom .entry { float: left; margin-left: 2.564102564102564%; width: 23.076923076923077%; } .recipes-bottom .gfwa-1, .recipes-bottom .gfwa-5, .recipes-bottom .gfwa-9, .recipes-bottom .gfwa-13, .recipes-bottom .gfwa-17, .recipes-bottom .gfwa-21, .recipes-bottom .gfwa-25, .recipes-bottom .gfwa-29, .recipes-bottom .gfwa-33, .recipes-bottom .gfwa-37, .recipes-bottom .gfwa-51, .recipes-bottom .gfwa-55, .recipes-bottom .gfwa-59, .recipes-bottom .gfwa-63, .recipes-bottom .gfwa-67, .recipes-bottom .gfwa-71, .recipes-bottom .gfwa-75, .recipes-bottom .gfwa-79, .recipes-bottom .gfwa-83, .recipes-bottom .gfwa-87, .recipes-bottom .gfwa-91, .recipes-bottom .gfwa-95 { clear: both; margin-left: 0; } .recipes-bottom .featuredpost h2{ font-size: 13px; font-size: 1.3rem; font-weight: 400; text-transform: none; } .recipes-bottom .featuredpost .post-info, .recies-bottom .featuredpost .post-meta { font-size: 10px; font-size: 1rem; } /* Top Ad ---------------------------------------------------------------------------------------------------- */ .top-ad { background: #e9e6dc; clear: both; overflow: hidden; padding: 10px 0; text-align: center; } .top-ad img, .top-ad iframe { display: block; margin: 0 auto; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .foodie .site-header { background-position: left; margin: 10px auto; margin: 1rem auto; padding: 10px 5px; } /* Title Area --------------------------------------------- */ .title-area { font-family: 'Droid Sans', sans-serif; font-weight: 400; float: left; padding: 16px 0; padding: 1.6rem 0; width: 351px; } .title-area h1 { margin: 0 auto; } .title-area p { margin: 0; } .header-image .title-area { padding: 0; } .site-title, .site-title a { font-family: 'Open Sans', sans-serif; font-size: 50px; font-size: 5rem; font-weight: 300; letter-spacing: 4px; letter-spacing: .4rem; line-height: 1.625; text-align: left; text-transform: uppercase; } .site-title a, .site-title a:hover { color: #333; } .site-description { color: #666; font-family: 'Open Sans', sans-serif; font-size: 11px; font-size: 1.1rem; font-weight: 300; letter-spacing: 2px; letter-spacing: .2rem; line-height: 1.625; margin: 0; text-align: left; text-transform: uppercase; } /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } /* Logo, hide text */ .header-image .site-header { background-position: left !important; } .header-image .site-title a { clear: both; float: none; min-height: 105px; width: 100%; } /* Widget Area --------------------------------------------- */ .site-header .widget-area { margin-top: 10px; float: right; text-align: left; width: 500px; } .site-header .widget-area li { list-style-type: none; } .site-header .search-form { float: left; margin:14px 0 0 150px; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; color: #333; font-family: 'Open Sans', sans-serif; float: none; letter-spacing: 2px; letter-spacing: 0.2rem; margin: 0 0 5px; margin: 0 0 0.5rem; padding: 0; text-align: center; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin: 0; padding: 0; text-align: left; } .genesis-nav-menu a { border: none; color: #333; font-size: 12px; font-size: 1.2rem; display: block; padding: 5px 15px 0px 15px; padding: 0.5rem 1.5rem 0rem 1.5rem; 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: #000; } .genesis-nav-menu .sub-menu .current-menu-item > a { color: #666; } .genesis-nav-menu > .menu-item > a { text-transform: uppercase; } .genesis-nav-menu .sub-menu { left: -9999px; margin: 0; opacity: 0; padding: 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; word-wrap: break-word; z-index: 99; } .genesis-nav-menu .sub-menu a { background: #fff; border: 1px solid #dfdacc; border-top: none; font-size: 12px; font-size: 1.2rem; padding: 12px 20px; padding: 1.2rem 2rem; position: relative; text-transform: uppercase; width: 200px; } .genesis-nav-menu .sub-menu a:hover { background: #e9e6dc; } .genesis-nav-menu .sub-menu .sub-menu { margin: -43px 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 { display: inline-block; float: right; list-style-type: none; padding: 10px 0; padding: 1rem 0; text-transform: uppercase; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; margin-left: 4.8rem; } .genesis-nav-menu > .search { padding: 5px 0; padding: 0.5rem 0; width: 170px; } .genesis-nav-menu > .search input { color: #333; padding: 5px 10px; padding: 0.5rem 1rem; } .genesis-nav-menu .search-form { width: 100%; } /* Mobile Menu Toggle --------------------------------------------- */ .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Site Header Navigation --------------------------------------------- */ .site-header .sub-menu { border-top: 1px solid #dfdacc; } .site-header .sub-menu .sub-menu { margin-top: -55px; } /* Primary Navigation --------------------------------------------- */ .nav-primary { border-top: 1px solid #777; } .nav-secondary { border-top: 1px solid #777; border-bottom: 1px solid #777; } .nav-primary a:hover, .nav-primary .current-menu-item > a { } .nav-primary .sub-menu a:hover { } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry { background: #fff; margin-bottom: 20px; margin-bottom: 2rem; padding: 0 0 22px; padding: 0 0 2.2rem; } .entry-content a { color: #FFA039; } .entry-content a:hover { color: #111; } .entry-content .attachment a, .entry-content .gallery a { border: none; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption, .clear-line { margin-bottom: 30px; margin-bottom: 3rem; } .entry-content ol li, .entry-content ul li { margin-left: 20px; margin-left: 2rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul, .entry-content .wp-caption p { margin-bottom: 0; } .entry-meta, .post-info { clear: both; color: #666; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.1rem; text-transform: uppercase; } .entry-meta a { color: #666; } .entry-meta a:hover { color: #FFA039; } .entry-header .entry-meta { margin-bottom: 10px; margin-bottom: 1rem; } .entry-footer .entry-meta { border-top: 1px solid #dfdacc; margin: 10px -20px; margin: 1rem -2rem; padding: 10px 20px 8px; padding: 1rem 2rem 0.8rem; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; margin: 0 0.6rem 0 0.2rem; } .entry-categories, .entry-tags { display: block; } a.more-link, .more-from-category a { background: #e9e6dc; color: #333; font-size: 13px; font-size: 1.3rem; letter-spacing: 2px; letter-spacing: .2rem; padding: 3px 8px; padding: .3rem .8rem; text-transform: uppercase; } .more-from-category { clear: both; display: block; float: none; text-align: center; } a.more-link:hover, .more-from-category a:hover { background: #dfdacc; } /* Archive Navigation --------------------------------------------- */ .archive-pagination { clear: both; font-size: 14px; font-size: 1.4rem; margin: 20px 0; margin: 2rem 0; } .archive-pagination li { border: 1px solid #dfdacc; display: inline; padding: 5px 10px; } li.pagination-next, li.pagination-previous { border: 0; } .archive-pagination a { color: #FFA039; font-family: 'Open Sans', sans-serif; letter-spacing: 2px; letter-spacing: .2rem; text-transform: uppercase; } .archive-pagination a:hover, .archive-pagination li.active a { color: #333; } /* Entry Navigation --------------------------------------------- */ .navigation{ clear: both; font-size: 12px; font-size: 1.2rem; margin: 20px 0; margin: 2rem 0; } .entry .navigation a { border-bottom: 1px solid #dfdacc; } .navigation li { display: inline; } .navigation li a { background: #111; color: #fff; cursor: pointer; display: inline-block; padding: 8px 12px; padding: 0.8rem 1.2rem; } .navigation li a:hover, .navigation li.active a { background: #FFA039; } /* Comments --------------------------------------------- */ .entry-comments, #respond { background: #fff; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.5px; letter-spacing: 0.05rem; padding: 20px 0; padding: 2rem 0; } .entry-comments, .ping-list, #respond { margin-bottom: 20px; margin-bottom: 2rem; } .entry-comments h3, #respond h3 { color: #333; font-size: 16px; font-size: 1.6rem; letter-spacing: 1.5px; letter-spacing: .15rem; text-transform: uppercase; } .entry-comments a, #respond a { } .entry-comments .comment-author { margin: 0; } #respond input[type="email"], #respond input[type="text"], #respond input[type="url"] { width: 50% } #respond label { display: block; margin-right: 12px; margin-right: 1.2rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 22px; margin-top: 2.2rem; padding: 32px; padding: 3.2rem; } .comment-list li li { margin-right: -32px; margin-right: -3.2rem; } li.comment { border-top: 1px solid #dfdacc; } .comment .avatar { margin: 0 16px 22px 0; margin: 0 1.6rem 2.2rem 0; } .bypostauthor { } .form-allowed-tags { background: #e9e6dc; font-size: 12px; font-size: 1.2rem; padding: 22px; padding: 2.2rem; } .comment-meta a { color: #333; } .comment-reply a { background: #e9e6dc; color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-size: 1.1rem; letter-spacing: 1px; letter-spacing: .1rem; padding: 2px 5px; padding: .2rem .5rem; text-transform: uppercase; } .comment-reply a:hover { background: #dfdacc; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar p:last-child, .sidebar ul { margin: 0; } .sidebar li { color: #666; list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; padding: 0; word-wrap: break-word; } .sidebar ul li:before { content: "0BB 020"; padding-right: 7px; padding-right: .7rem; } .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { margin-bottom: 20px; margin-bottom: 2rem; } .sidebar .search-form { width: 100%; } /* Simple Social Icons --------------------------------------------- */ .simple-social-icons ul li:before { content: none; padding-right: 0; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { margin-right: 20px; margin-right: 2rem; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { float: left; width: 22%; } .footer-widgets-4 { float: right; width: 24%; margin-right: 30px; margin-right: 3.0rem; } .footer-widgets .widget { margin-bottom: 22px; margin-bottom: 2.2rem; } .footer-widgets a { color: #222; font-size: 11px; } .footer-widgets a:hover { color: #69008C; } .footer-widgets .widgettitle { font-size: 16px; border-bottom: none; } .footer-widgets-4 .widgettitle { font-size: 24px; letter-spacing: 3px; } .footer-widgets li { list-style-type: none; margin-bottom: 4px; margin-bottom: 0.4rem; word-wrap: break-word; } .footer-widgets .search-form { width: 100%; } .footer-widgets .search-form input:focus { border: 1px solid #dfdacc; } .footer-widgets img { margin: 0; } .footer-widgets .featured-content, .footer-widgets .featuredpost { background: transparent; } .footer-widgets .featured-content .entry, .footer-widgets .featuredpost .entry { border: 5px solid #fff; clear: none; float: left; margin: 0 .5%; width: 15%; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { color: #666; font-family: 'Open Sans', sans-serif; font-size: 12px; font-size: 1.2rem; letter-spacing: 1px; letter-spacing: .1rem; padding: 20px 0; padding: 2rem 0; text-align: center; text-transform: uppercase; } .site-footer a { color: #666; } .site-footer p { margin: 0; } /* Color Options ---------------------------------------------------------------------------------------------------- */ /* Earthy --------------------------------------------- */ .theme-earthy .top-ad, .theme-earthy .footer-widgets, .theme-earthy .footer-widgets .widgettitle, .theme-earthy .enews-widget input[type="submit"], .theme-earthy button, .theme-earthy input[type="button"], .theme-earthy input[type="reset"], .theme-earthy input[type="submit"] { background: #ae9c86; color: #fff; } .theme-earthy .enews-widget input[type="submit"]:hover { background: #fff; color: #ae9c86; } .theme-earthy a, .theme-earthy .post-info a, .theme-earthy .entry-content a { color: #7ea57e; } .theme-earthy a.more-link, .theme-earthy .more-from-category a, .theme-earthy .archive-pagination a:hover, .theme-earthy .archive-pagination li.active a, .theme-earthy .genesis-nav-menu a, .theme-earthy .comment-meta a, .theme-earthy .comment-reply a, .theme-earthy .entry-meta a { color: #333; } /* Citrus --------------------------------------------- */ .theme-citrus .top-ad, .theme-citrus .enews-widget input[type="submit"], .theme-citrus button, .theme-citrus input[type="button"], .theme-citrus input[type="reset"], .theme-citrus input[type="submit"] { background: #f8ce6a; color: #fff; } .theme-citrus .enews-widget input[type="submit"]:hover { background: #fff; color: #ec8c1e; } .theme-citrus a, .theme-citrus .post-info a, .theme-citrus .entry-content a { color: #ec8c1e; } .theme-citrus a.more-link, .theme-citrus .more-from-category a, .theme-citrus .archive-pagination a:hover, .theme-citrus .archive-pagination li.active a, .theme-citrus .genesis-nav-menu a, .theme-citrus .comment-meta a, .theme-citrus .comment-reply a, .theme-citrus .entry-meta a { color: #333; } /* 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), only screen and (min-resolution:120dpi) { .custom-header .site-title a { background: url(http://www.spoonabilities.com/wp-content/uploads/2014/08/[email protected]) no-repeat top left !important; background-size: 351px 105px !important; } } @media only screen and (max-width: 1139px) { .site-inner, .wrap { max-width: 960px; overflow: hidden; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 720px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 16px; padding: 1.6rem; } .sidebar-primary { width: 300px; } } @media only screen and (max-width: 1023px) { .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, .site-inner, .title-area, .wrap { width: 100%; } .header-image .site-header .wrap { background-position: left; } .header-image .site-header .widget-area { padding: 0; } .site-inner, .site-footer { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .entry, .entry-comments, .entry-footer .entry-meta, .sidebar .widget, .site-header, #respond { padding: 0; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .site-header .search-form { margin: 16px auto ; margin: 1.6rem auto; } .genesis-nav-menu li.right { display: none; } .entry-footer .entry-meta { margin: 0; padding-top: 12px; padding-top: 1.2rem; } .sidebar .widget.enews-widget { padding: 20px; padding: 2rem; } .footer-widgets { padding: 20px 5% 16px; padding: 2rem 5% 1.6rem; } .footer-widgets-1 { margin: 0; } } /* Menu Fix --------------------------------------------- */ @media only screen and (min-width: 941px) { nav { display: block; } } @media only screen and (max-width: 940px) { .menu-toggle, .sub-menu-toggle { display: block; visibility: visible; } .menu-toggle { background: transparent; border-top: 1px solid #777777; border-bottom: 1px solid #777777; cursor: pointer; min-height: 52px; position: relative; width: 100%; } .menu-toggle span { left: 50%; margin-left: -20px; top: 23px; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { background: #555; border-radius: 1px; content: ''; cursor: pointer; display: block; height: 5px; position: absolute; transition: all 500ms ease-in-out; width: 40px; } .menu-toggle span:before { top: -10px; } .menu-toggle span:after { bottom: -10px; } .menu-toggle.active span { background-color: transparent; } .menu-toggle.active span:before, .menu-toggle.active span:after { top: 0; } .menu-toggle.active span:before { transform: rotate(45deg); } .menu-toggle.active span:after { transform: rotate(-45deg); } .menu-toggle:hover { background: transparent; } .sub-menu-toggle { color: #999; cursor: pointer; padding: 14px 18px; padding: 1.4rem 1.8rem; position: absolute; right: 0; top: 0; } .sub-menu-toggle:before { content: "+"; } .sub-menu-toggle.active:before { content: "-"; } nav { display: none; position: relative; } .genesis-nav-menu { border: none; } .genesis-nav-menu .menu-item { border-bottom: 1px solid #9D9D9D; display: block; position: relative; text-align: left; } .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .sub-menu { border-top: 1px solid #9D9D9D; clear: both; display: none; opacity: 1; position: static; width: 100%; } .genesis-nav-menu .sub-menu .menu-item:last-child { border-bottom: none; } .genesis-nav-menu .sub-menu a { border: none; padding: 16px 22px; padding: 1.6rem 2.2rem; position: relative; width: auto; } .genesis-nav-menu .sub-menu a:hover { background: transparent; } .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } .genesis-nav-menu .sub-menu .sub-menu a { padding-left: 30px; padding-left: 3rem; } .genesis-nav-menu .sub-menu .sub-menu .sub-menu a { padding-left: 40px; padding-left: 4rem; } } @media only screen and (max-width: 767px) { .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .recipes-top .widget { float: none; margin: 0 0 10px; width: 100%; } .recipes-bottom .entry { margin-left: 2.564102564102564%; width: 48.717948717948715%; } .recipes-bottom .gfwa-odd { clear: both; margin-left: 0; } } @media only screen and (max-width: 320px) { .home-bottom .featuredpost .entry { float: none; margin-left: 0; width: 100%; } .recipes-bottom .entry { margin: 0; width: 100%; } .recipes-top .widgettitle { font-size: 10px; font-size: 1rem; } .slide-excerpt { display: none; visibility: hidden; } } .woocommerce-page #sidebar{ display: none!important; } .woocommerce-page #main { width: 100%; }
I have no idea why it's showing both logos on the retina screen and on the responsive formats the retina logo shows on the top of the page and the lo-res logo shows below the retina logo.
Image of problem:
jill chongva
online marketing: lusciouspress.com
organizing: lusciousorganizing.com
em: [email protected]I created an SVG logo for my development site http://bryancollins.eu/wp/
I can view the SVG image on my site, but it won't appear as a logo.
I followed the instructions here: http://genesisdesignr.com/using-svg-images-genesis-2-0/
How can I fix this?
Topic: @font face Issues
Hi,
I'm trying to use @font face on my site without enqueueing or importing the stylesheets. Saves an extra http call.
What I am doing is:
1) Adding the font face kit for Open Sans Regular to /themes/bossa/fonts/opensans_regular_macroman
2) Adding the following code to bossa/stylesheet.css:@font-face {
font-family: 'open_sansregular';
src: url('/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
src: url('/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
url('/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
url('/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}3) Targetting the body content by the following code:
body {
background-color: #f5f5f5;
color: #666;
font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.625;
}However, none of this seems to be activating the font on my site. What am I doing wrong here?
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.