• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Search Results for 'adjust page width'

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.

Log In
Register Lost Password

Community Forums › Forums › Search › Search Results for 'adjust page width'

Viewing 20 results - 1 through 20 (of 355 total)
1 2 3 … 16 17 18 →
  • Author
    Search Results
  • November 1, 2022 at 8:22 pm #506100

    Topic: Problem sizing thumbnail images in Advanced Columns block

    in forum Genesis Blocks
    Doug
    Participant

    I have 4 images in an advanced column row with an image in each of 4 columns. The images are roughly the same size, but not identical, and I thought the advanced column would adjust to give them equal heights, thus aligning at the top and bottom, but having different widths.

    That's happening with 3 of them, but 1 of them won't align with the other 3 along the bottom when viewed in desktop and in thumbnail mode.

    When I tried to edit and drag the bottom of the image, it distorted the image vertically wildly, per the screen grabs linked here:

      Page view
      Page edit view

    I haven't been able to successfully drag the image to resize it with the other images, and after looking at the block and using Inspect, I'm not able to tell what's going on.

    Any direction on how to troubleshoot this issue would be greatly appreciated.

    Info on the 4 images:

    Problem image:
    File name: pulseUX-chart-timelines-03.png
    File type: image/png
    File size: 307 KB
    Dimensions: 2156 by 1569 pixels

    Other images:
    File name: pulseUX-activitybydaypart-02.png
    File type: image/png
    File size: 422 KB
    Dimensions: 798 by 459 pixels

    File name: pulseUX-chart-topauthors.png
    File type: image/png
    File size: 512 KB
    Dimensions: 2258 by 1330 pixels

    File name: pulseUX-chart-posttopics.png
    File type: image/png
    File size: 2 MB
    Dimensions: 2198 by 1310 pixels

    April 28, 2022 at 1:58 pm #505142
    [Resolved]

    Topic: infinity pro front page background image transparency

    in forum Infinity Pro
    VHughes
    Participant

    I would like to add css to create transparency in the front page background images, (which I have as solid colors), allowing the main background image, (photo), to be seen as you scroll.
    I have tried making a transparent graphic but that didn't work.
    I also tried using the Genesis Super Customizer widget but there are no transparency/opacity options for those images, only for the footer.

    I found the following code at https://brutalbusiness.com/add-front-page-image-overlays-to-genesis-infinity-pro/
    for adding an overlay, (which works), but I do not know how to modify it for transparency, or if it could be.

    Thank you for any help you can offer.

    /* CSS: Add Front Page Image Overlays */

    .front-page-1 {
    position: relative;
    z-index: 9;
    }

    .front-page-1:before,
    .front-page-3:before,
    .front-page-5:before,
    .front-page-7:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3); /* adjust the opacity (.3) as desired */
    z-index: 0;
    }

    May 15, 2021 at 9:34 am #504040
    [Resolved]

    Topic: Adjusting margin and size of UL and IL blocks?

    in forum Retired StudioPress Themes
    lovebugs
    Participant

    I am trying to make it so that all of the green sections on this page: http://kkcommunitypartnership.com/about-us/
    are equal width and indentation. Because of the lists, it automatically makes it narrower than the paragraph blocks. Is there a way to change this so that everything is the same size?

    December 31, 2020 at 7:30 am #502447

    Topic: Spacing under posts and pages

    in forum General Discussion
    cricketyorkshire
    Participant

    Hi, I'm using Genesis 3.3.3 and News Pro 3.2.2.

    I have installed WPMU Dev Pro plugins (Forminator Pro, Hustle Pro etc) and since doing that, there is extra spacing under all my posts and pages that wasn't there before.

    The advice was CSS code causing that spacing is here:
    .site-container-wrap {
    border: 1px solid #e3e3e3;
    margin: 60px auto;
    max-width: 1140px;
    }

    To fix this, it was suggested I add this to additional css in theme settings:
    .site-container-wrap {
    margin-bottom: 0 !important;
    }

    This didn't work and I was asked to contact Studiopress to adjust the CSS on the theme style.

    Would appreciate any suggestions and steps of where to add any code. I wouldn't know where to start and it's a problem I need to fix urgently.

    Thanks and all the best to everyone on the Forum for 2021!

    July 21, 2020 at 6:09 am #500222

    In reply to: Infinity Pro – Addition to header area

    andytc
    Participant

    In the childthemes functions.php , find line 123 - and comment it out (by adding 2 forward slashes) to show the header right widget area - as below

    // Remove header right widget area.
    //unregister_sidebar( 'header-right' );

    Now got to widgets and find your new Header Right Widget area - Add a custom HTML widget and add your button code , leave the widget title blank (unless you want something there) -

    For example -

    <a class="button" href="#front-page-2">Start Your Journey</a>

    There are no existing styles for the header right widget area in the childtheme , so we must add them. Adjust to suit your needs -

    NOTE - We should change the nav-primary menu width from 60% > 100% - if you don't change this , it'll all be bunched up and look terrible. You can adjust that to suit , but try the 100% first.

    Add the styles below into the additional CSS box in the customiser section and adjust to suit your needs -

    .nav-primary {
      width: 100%;
    }
    
    .widget-area.header-widget-area {
      float:right;
      padding: 20px;
    }
    
    @media only screen and (max-width: 800px) {
    
      .widget-area.header-widget-area {
       float: none;
       text-align: center;
      }
    
    }

    Don't forget to clear your browser cache if you don't see the css changes

    June 29, 2020 at 1:02 pm #499722

    Topic: Aspire Pro – Image Preview from Post Not Positioned Correctly

    in forum Design Tips and Tricks
    bradm413
    Participant

    I'm trying to adjust the positioning of the "img" element on the post excerpts show on this page, for example:

    https://newmansmed.com/community/page/8/

    I would like to position the images so that the top of the image is shown instead of the center of the image.

    I have tried this in my Chrome Dev Tools, but it didn't seem to have any effect:

    Original CSS:

    img {
        height: auto;
        max-width: 100%;
    }

    Here's what I tried:

    img {
        height: auto;
        max-width: 100%;
        object-fit: cover;
        object-position: 50% 0;
    }

    I've tried with and without each of those settings, and I've tried object-position: top but with no change.

    Am I targeting the wrong element?

    Any pointing in the right direction would be GREATLY appreciated 🙂

    Brad

    May 18, 2020 at 2:44 pm #498769

    In reply to: How to Enlarge Logo (Out of Container) on Navigation Pro?

    andytc
    Participant

    It can be done , but it will affect many things , especially when you get down to mobile sizes , sure , you can make media quries , but it might be quite a few entries. Remember also the size of your main menu on the right, that might change over time and get longer and get hidden behind the logo. Also, the header is 'sticky' on scroll , so consider how it would look on interior pages with content. Lots to consider and many possible changes to make.

    You can try this CSS to get started and see if it's going to work for you. Adjust as neccesary.

    .site-header .custom-logo-link .custom-logo {
      max-height: 160px;
      width: auto;
      position: absolute;
      left: 50%;
      margin-left: -120px;
      top: 70%;
    }

    I've included this media query to switch it back on mobile , but check tablets on this

    @media only screen and (max-width: 1023px) {
    
      .site-header .custom-logo-link .custom-logo {
        display: block;
        max-height: 80px;
        position: relative;
        margin:0;
        left: 0;
        top: 0;
      }
    
    }

    It's just something to give you something to look at , lots to be done and checked , especially mobile views , tablets etc.

    April 16, 2020 at 8:54 am #497994
    [Resolved]

    Topic: Genesis Layout drop-down box not available – Got spinning wheel of death!

    in forum General Discussion
    RichardHK
    Member

    Hi guys,

    Using Gutenberg editor and Layout control in the Genesis pane is not available. All I have is a spinning wheel of death (as I think it is known!).

    Q1: Possibly a plugin conflict but is this is a known issue with fix?

    Q2: Where in the MySql database can I find a record to adjust Layout manually?
    Want to set page to Full Width and cannot see anything in wp_posts or wp_postmeta that refers to Layout.

    Thanks for your help.

    February 4, 2020 at 12:14 pm #496434

    Topic: HELP!! Margins on blocks are wrong

    in forum Design Tips and Tricks
    vquestmedia
    Participant

    I am a newbie so please forgive my ignorance but my pages are displaying with very wide margins and I don't know how to adjust them.

    Here is an example -

    About Us

    I want the shaded part to be full width or at least stretched.

    May 19, 2019 at 7:58 am #491231

    In reply to: Essence Pro Theme Mobile Responsive Display Problems

    thinkmedia
    Member

    I just ran into this exact problem with Essence Pro.
    I have three widgets on the home page and they don't resize on mobile so I had to add custom css to do it.


    @media
    only screen and (max-width: 860px) {

    .flexible-widgets.widget-thirds .widget {
    margin-bottom: 20px;
    padding: 20px;
    }

    }

    You can adjust the max-width for where you want the point of adjustment to occur.

    Pretty annoying for the theme not to do it as it is intended.

    Hope that helps.

    April 26, 2019 at 3:54 am #490871

    Topic: Showcasing Genesis News Pro website, little customization

    in forum Showcase and Feedback
    jakobking
    Member

    Hi all,
    Just wanted to share my own project that uses Genesis News Pro, with a little customization.

    Shortly the modifications made:
    -Link and site title colors changed to purple
    -The side bar is now narrower and the main part wider. This is better for iPad and other mobile devices
    -The whole site width in mobile is now wider, previously it was very narrow in modern mobile devices and thus hard to read
    -The speed of the site is now great! A lot of adjustments done and Google pagespeed insights gives 98 and 100/100. Genesis works! The host is Kinsta at the moment.
    -CTA buttons, tables and comparison tables customized with css

    Go check out 🙂 thanks for reading!
    Bitcoin Casino Kings

    April 24, 2019 at 2:02 pm #490839
    [Resolved]

    Topic: Beautiful Pro Theme & Embedding YouTube

    in forum General Discussion
    tpkrueger
    Member

    I'm using the Beautiful Pro theme and I'm attempting to embed a YouTube video in the Welcome Message area of the home page. The video embeds fine. However, I'm unable to adjust the size of the video. I'd like the video to fill the width of the Welcome Message.

    Thank you,

    Tom

    April 12, 2019 at 11:42 am #490631

    In reply to: Z-index not working on front-page-1 Studio Pro theme

    Marijn
    Member

    Alright, sorry.

    I want the image inside this widget (liposoma-technology-1):

    <div class="liposoma-technology-1 widget-area" id="liposoma-technology-1">
    <div class="wrap">
    <section id="custom_html-12" class="widget_text widget widget_custom_html">
    <div class="widget_text widget-wrap">
    <div class="textwidget custom-html-widget">
    <div class="liposomen-image"><img src="/new/wp-content/uploads/2019/04/liposomen.png" alt="Liposomes" scale="0">
    </div>

    to overlap front-page-1, there are no widgets at the bottom so it seems to me that .front-page-1.hero-section needs to be adjusted but I can't get it to work:

    <div class="front-page-1 hero-section" role="banner">
    <div id="wp-custom-header" class="wp-custom-header">
    <img src="/uploads/2019/04/cropped-technology-bg.jpg" width="1500" height="784" alt="Technology</div>
    <div class="wrap">
    <section id="custom_html-3" class="widget_text widget widget_custom_html">
    <div class="widget_text widget-wrap">
    <div class="textwidget custom-html-widget">
    <h2>text</h2>
    <h4>text</h4>
    <a href="#second"><i class="fas fa-angle-down"></i></a></div></div></section>
    <section id="custom_html-7" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><div class="usp" id="second">
    <div class="container">
    <div class="left first">
    <img src="/uploads/2019/04/liposomal-formulas.png" alt="experience" class="icons-usp">
    </div>
    <div class="right">
    <p>text</p>
    </div>
    <div class="more"><a href="#front-page-5"><i class="fas fa-chevron-down"></i></a></div>
    </div>
    
    <div class="container">
    <div class="left first">
    <img src="/uploads/2019/04/network.png" alt="Knowledge" class="icons-usp">
    </div>
    <div class="right"><p>text</p></div>
    <div class="more"><i class="fas fa-plus"></i></div>
    </div>
    
    <div class="container">
    <div class="left first">
    <img src="/uploads/2019/04/customers.png" alt="Customers" class="icons-usp">
    </div>
    <div class="right">
    <p>text</p>
    </div>
    <div class="more"><a href="#front-page-6"><i class="fas fa-chevron-down"></i></a></div>
    </div>
    
    <div class="container">
    <div class="left first">
    <p>text</p>
    </div>
    <div class="right">
    <p>text</p></div>
    <div class="more"><i class="fas fa-plus"></i></div>
    </div>
    </div></div></div></section>
    </div></div>
    February 24, 2019 at 10:45 pm #489707

    In reply to: Sample Theme 2.8 Move Menu Above Header

    Victor Font
    Moderator

    I'm assuming you can't see the menu in the before header area? The site header has a fixed position. The menu is behind the header. First, you have to move the header down by adding some margin-top:

    .site-header {
        position: fixed;
        width: 100%;
        z-index: 9999;
        margin-top: 69px;
    }

    Next, you have to make the menu position fixed also. With position fixed, the float: right won't work any longer. You have to adjust the width to 100% and use text-align to move the menu back to the right. You also have to add color to the background or else you will see everything on the page scroll through the menu.

    .nav-primary {
        clear: none;
        width: 100%;
        position: fixed;
        background-color: #fff;
        text-align: right;
    }

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 11, 2019 at 11:21 am #489490

    Topic: how to keep elements within my white background on Breakthrough Pro theme

    in forum Design Tips and Tricks
    iondoaga
    Participant

    Hello,

    Please check these pages and see the background grey colored sections.

    Conținutul pe website

    Revizuirea datelor analitice

    The Breakthrough Pro theme has a nice purple color background and the white color content background is on top.

    I use a plugin to add grey colored background sections. These background sections have the option to stretch the background element full width and the second option to adjust the margins of the element. But I can't find layout settings that look good on desktop, tablet, and mobile.

    I want these background sections to fit within the white background and look/behave like the featured images. Is there a way to do that?

    February 7, 2019 at 6:22 pm #489414

    In reply to: Magazine Pro Theme – Modify Sidebar and Content widths

    carter.scott
    Member

    Thanks Victor, big help! I adjusted the widths per your recommendation and now my posts look great. One problem though: it's messed up my home page! Magazine pro comes with pre-set widgets for presenting your posts on the front page and they force your thumbnails into pre-set image blocks, essentially meaning that the homepage will look screwy if you decrease the content width below where it was before. But I was able to resolve this by manually changing the width on .home-middle .featured-content to fit in with the changes.

    Thanks again!

    January 30, 2019 at 2:28 pm #489156

    In reply to: Magazine Pro – Scroll Stop for After Header Menu

    Victor Font
    Moderator

    There are quite a few components to this.

    Neither your header or after header menu are fixed positions, which means they scroll with the page right now. To make any HTML element stay in place and have the content move under it, its highest level element has to have position: fixed; and the width changed to 100% in CSS. You may also have to adjust the element's z-index so it remains the topmost layer.

    The moment you apply that code to your menu, it will stay exactly where it is on the screen or jump back down to its original relative position. As you scroll your content, you'll have a large gap above the menu where the header was position. You're essentially splitting your page content above and below the menu. This means you also have to use -172px as the negative top margin instead of the -106px you have now.

    The scrolling aspect after a fixed number of pixels is handled through jQuery. With jQuery you monitor the window scroll, and when it moves the number of pixels you want, you apply the new class to the element.

    This code is available in other Studio Press themes if you have access. You can just copy the code from one theme, adjust it for your purposes, and use it in yours.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    November 16, 2018 at 5:46 am #224396

    In reply to: Infinity Pro Full Width Content Area

    Victor Font
    Moderator

    Normally, you can't make a child section larger than its parent. A typical page wraps all of its content in a site-container object. The site container or its wrap is set to your 1280px.

    Child objects, those objects placed within the site container are limited by the parent's width.

    You can either set the entire page to 100% width and make select child areas smaller by adjusting margins or padding. Or, you can use negative margins to force a child object to be wider than its parent.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    October 21, 2018 at 5:05 am #223894

    In reply to: How to change background color for header on mobile

    NomadGirl
    Member

    In case this helps, here is the code for my stylesheet found by going to Dashboard > Appearance > Editor ...

    /*
    	Theme Name: Author Pro Theme
    	Theme URI: http://my.studiopress.com/themes/author/
    	Description: The industry standard for Premium WordPress Themes.
    	Author: StudioPress
    	Author URI: http://www.studiopress.com/
    	
    	Version: 1.0.0
    	
    	Tags: black, blue, white, one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
    		
    	Template: genesis
    	Template Version: 2.1.2
    	
    	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
    	- 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 Author Pro
    	- Genesis eNews Extended
    	- Jetpack
    - Site Header
    	- Title Area
    	- Widget Area
    	- Shrink
    - Site Navigation
    	- Primary Navigation
    	- Secondary Navigation
    	- Responsive Menu
    - Content Area
    	- Home
    	- Flexible Widgets
    	- Entries
    	- Entry Meta
    	- After Entry
    	- Pagination
    	- Comments
    - Sidebars
    - Footer Widgets
    - Site Footer
    - Media Queries
    	- Max-width: 1320px
    	- Max-width: 1200px
    	- Max-width: 980px
    	- Max-width: 800px
    */
    
    /* # HTML5 Reset
    ---------------------------------------------------------------------------------------------------- */
    
    /* ## Baseline Normalize
    --------------------------------------------- */
    /* normalize.css v3.0.1 | MIT License | git.io/normalize */
    
    html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}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:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
    
    /* ## Box Sizing
    --------------------------------------------- */
    
    html,
    input[type="search"]{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing:    border-box;
    	box-sizing:         border-box;
    }
    
    *,
    *:before,
    *:after {
    	box-sizing: inherit;
    }
    
    /* ## 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,
    .widget: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,
    .widget:after,
    .wrap:after {
    	clear: both;
    	content: " ";
    	display: table;
    }
    
    /* # Defaults
    ---------------------------------------------------------------------------------------------------- */
    
    /* ## Typographical Elements
    --------------------------------------------- */
    
    body {
    	background-color: #7a8690;
    	color: #000;
    	font-family: Lato, sans-serif;
    	font-size: 18px;
    	font-weight: 300;
    	line-height: 1.625;
    	margin: 0;
    }
    
    a,
    button,
    input:focus,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    textarea:focus,
    .button,
    .gallery img {
    	-webkit-transition: all .3s ease-in-out;
    	-moz-transition:    all .3s ease-in-out;
    	-ms-transition:     all .3s ease-in-out;
    	-o-transition:      all .3s ease-in-out;
    	transition:         all .3s ease-in-out;
    }
    
    ::-moz-selection {
    	background-color: #000;
    	color: #fff;
    }
    
    ::selection {
    	background-color: #000;
    	color: #fff;
    }
    
    a {
    	color: #0085da;
    	text-decoration: none;
    }
    
    a:hover {
    	color: #000;
    }
    
    p {
    	margin: 0 0 28px;
    	padding: 0;
    }
    
    ol,
    ul {
    	margin: 0;
    	padding: 0;
    }
    
    li {
    	list-style-type: none;
    }
    
    b,
    strong {
    	font-weight: 700;
    }
    
    cite,
    em,
    i {
    	font-style: italic;
    }
    
    blockquote {
    	margin: 30px;
    }
    
    blockquote::before {
    	color: #e1e9ee;
    	content: "\201C";
    	display: block;
    	font-size: 60px;
    	font-weight: 400;
    	height: 0;
    	left: -30px;
    	position: relative;
    	top: -16px;
    }
    
    hr {
    	border: 0;
    	border-collapse: collapse;
    	border-top: 1px solid #000;
    	clear: both;
    	margin: 40px 0;
    }
    
    /* ## Headings
    --------------------------------------------- */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	font-family: "Lato", sans-serif;
    	font-weight: 900;
    	line-height: 1.2;
    	margin: 0 0 10px;
    }
    
    h1 {
    	font-size: 48px;
    }
    
    h2 {
    	font-size: 36px;
    }
    
    h3 {
    	font-size: 30px;
    }
    
    h4 {
    	font-size: 24px;
    }
    
    h5 {
    	font-size: 20px;
    }
    
    h6 {
    	font-size: 18px;
    }
    
    /* ## Objects
    --------------------------------------------- */
    
    embed,
    iframe,
    img,
    object,
    video,
    .wp-caption {
    	max-width: 100%;
    }
    
    img {
    	height: auto;
    }
    
    .featured-content img,
    .gallery img {
    	width: auto;
    }
    
    .featured-content img {
    	margin-bottom: -8px;
    }
    
    /* ## Gallery
    --------------------------------------------- */
    
    .gallery {
    	overflow: hidden;
    }
    
    .gallery-item {
    	float: left;
    	margin: 0 0 28px;
    	padding: 2px;
    	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 img {
    	border: 1px solid #ddd;
    	height: auto;
    	padding: 4px;
    }
    
    .gallery img:hover {
    	border: 1px solid #999;
    }
    
    /* ## Forms
    --------------------------------------------- */
    
    input,
    select,
    textarea {
    	background-color: #fff;
    	border: 1px solid #ddd;
    	border-radius: 3px;
    	box-shadow: none;
    	color: #000;
    	font-size: 18px;
    	font-weight: 300;
    	padding: 16px;
    	width: 100%;
    }
    
    input:focus,
    textarea:focus {
    	border: 1px solid #000;
    	outline: none;
    }
    
    input[type="checkbox"],
    input[type="image"],
    input[type="radio"] {
    	width: auto;
    }
    
    ::-moz-placeholder {
    	color: #000;
    	font-weight: 300;
    	opacity: 1;
    }
    
    ::-webkit-input-placeholder {
    	color: #000;
    	font-weight: 300;
    }
    
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    .featured-content .more-link {
    	background-color: transparent;
    	border: 1px solid #000;
    	border-radius: 3px;
    	color: #000;
    	cursor: pointer;
    	font-size: 14px;
    	font-weight: 400;
    	line-height: 1.625;
    	padding: 16px 32px;
    	text-align: center;
    	white-space: normal;
    	width: auto;
    }
    
    button:hover,
    input:hover[type="button"],
    input:hover[type="reset"],
    input:hover[type="submit"],
    .button:hover,
    .featured-content .more-link:hover {
    	background-color: #000;
    	color: #fff;
    }
    
    .entry-content .button:hover {
    	color: #fff;
    }
    
    .content .widget-full .featuredpage .button,
    .content .widget-full .featuredpage .more-link,
    .footer-widgets button,
    .footer-widgets input[type="button"],
    .footer-widgets input[type="reset"],
    .footer-widgets input[type="submit"],
    .footer-widgets .button,
    .footer-widgets .featured-content .more-link {
    	border-color: #fff;
    	color: #fff;
    }
    
    .content .widget-full .featuredpage .button:hover,
    .content .widget-full .featuredpage .more-link:hover,
    .footer-widgets button:hover,
    .footer-widgets input:hover[type="button"],
    .footer-widgets input:hover[type="reset"],
    .footer-widgets input:hover[type="submit"],
    .footer-widgets .button:hover,
    .footer-widgets .featured-content .more-link:hover {
    	background-color: #fff;
    	color: #000;
    }
    
    button.small,
    input[type="button"].small,
    input[type="reset"].small,
    input[type="submit"].small,
    .button.small {
    	padding: 8px 16px;
    }
    
    .button {
    	display: inline-block;
    }
    
    .more-link {
    	display: table;
    	margin-top: 30px;
    }
    
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button {
    	display: none;
    }
    
    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: #f2f2f2;
    	border-color: #ddd;
    	color: #777;
    	cursor: not-allowed;
    }
    
    /* ## Tables
    --------------------------------------------- */
    
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    	line-height: 2;
    	margin-bottom: 40px;
    	width: 100%;
    }
    
    tbody {
    	border-bottom: 1px solid #fff;
    }
    
    td,
    th {
    	text-align: left;
    }
    
    td {
    	border-top: 1px solid #fff;
    	padding: 6px 0;
    }
    
    th {
    	font-weight: 400;
    }
    
    /* # Structure and Layout
    ---------------------------------------------------------------------------------------------------- */
    
    /* ## Site Containers
    --------------------------------------------- */
    
    .site-inner,
    .wrap {
    	margin: 0 auto;
    	max-width: 1280px;
    }
    
    .site-inner {
    	background-color: #fff;
    	clear: both;
    	margin-top: 120px;
    	position: relative;
    	z-index: 99;
    }
    
    .featured-widget-area + .site-inner,
    .landing-page .site-inner {
    	margin-top: 0;
    }
    
    /* ## Column Widths and Positions
    --------------------------------------------- */
    
    /* ### Content */
    
    .content {
    	float: right;
    	width: 900px;
    }
    
    .content-sidebar .content {
    	float: left;
    }
    
    .full-width-content .content {
    	width: 100%;
    }
    
    .archive.genesis-author-pro .content,
    .archive.genesis-pro-portfolio .content {
    	padding: 80px 80px 0;
    }
    
    /* ### Primary Sidebar */
    
    .sidebar-primary {
    	float: right;
    	width: 380px;
    }
    
    .sidebar-content .sidebar-primary {
    	float: left;
    }
    
    /* ## 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;
    }
    
    .alignleft .avatar,
    .author-box .avatar {
    	margin-right: 24px;
    }
    
    .alignright .avatar {
    	margin-left: 24px;
    }
    
    .comment .avatar {
    	margin: 0 16px 24px 0;
    }
    
    /* ## Genesis
    --------------------------------------------- */
    
    .breadcrumb {
    	background-color: #f3f3f3;
    	padding: 20px 30px;
    }
    
    .archive-description,
    .author-box {
    	background-color: #f9f9f9;
    	font-size: 16px;
    	padding: 80px;
    }
    
    .author-box {
    	margin-bottom: 80px;
    }
    
    .author-box-title {
    	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: 12px;
    }
    
    .entry-content .search-form,
    .site-header .search-form {
    	width: 50%;
    }
    
    .entry-content .search-form input {
    	margin-bottom: 16px;
    }
    
    .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: 24px;
    }
    
    .entry-title {
    	font-size: 36px;
    }
    
    .entry-title a,
    .sidebar .widget-title a {
    	color: #000;
    }
    
    .entry-title a:hover {
    	color: #0085da;
    }
    
    .widget-title {
    	font-size: 18px;
    	margin-bottom: 20px;
    	text-transform: uppercase;
    }
    
    /* ## WordPress
    --------------------------------------------- */
    
    a.aligncenter img {
    	display: block;
    	margin: 0 auto;
    }
    
    a.alignnone {
    	display: inline-block;
    }
    
    .alignleft {
    	float: left;
    	text-align: left;
    }
    
    .alignright {
    	float: right;
    	text-align: right;
    }
    
    a.alignleft,
    a.alignnone,
    a.alignright {
    	max-width: 100%;
    }
    
    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: 14px;
    	font-weight: 700;
    	text-align: center;
    }
    
    .entry-content p.wp-caption-text {
    	margin-bottom: 0;
    }
    
    .gallery-caption,
    .entry-content .gallery-caption {
    	margin: 0;
    }
    
    .wp-audio-shortcode,
    .wp-playlist,
    .wp-video {
    	margin: 0 0 28px
    }
    
    /* # Widgets
    ---------------------------------------------------------------------------------------------------- */
    
    .widget-area .widget {
    	margin-bottom: 40px;
    	word-wrap: break-word;
    }
    
    .widget-area p:last-child,
    .widget-area .widget:last-child {
    	margin-bottom: 0;
    }
    
    .widget ol > li {
    	list-style-position: inside;
    	list-style-type: decimal;
    	padding-left: 20px;
    	text-indent: -20px;
    }
    
    .widget li li {
    	border: 0;
    	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 {
    	margin-bottom: 20px;
    	padding: 0;
    }
    
    .widget-area .featured-content .entry-header p {
    	margin-bottom: 20px;
    }
    
    .featured-content .entry:after {
    	display: none;
    }
    
    .featured-content .entry:last-of-type {
    	margin-bottom: 0;
    }
    
    .featured-content .entry-title {
    	font-size: 22px;
    }
    
    .featured-content .entry:last-of-type + .widget-title {
    	margin-top: 20px;
    }
    
    .featured-content .aligncenter ~ div,
    .featured-content .aligncenter ~ header {
    	text-align: center;
    }
    
    .featured-content .aligncenter ~ div .more-link {
    	margin: 20px auto 0;
    }
    
    .content .widget-full .featuredpage {
    	background-color: #181c1e;
    	color: #fff;
    }
    
    .content .widget-full .featuredpage .entry {
    	background-color: rgba(255, 255, 255, 0.05);
    }
    
    .content .widget-full .featuredpage a:hover,
    .content .widget-full .featuredpage .entry-title a {
    	color: #fff;
    }
    
    .content .widget-full .featuredpage .entry-title a:hover {
    	color: #ccc;
    }
    
    /* # Plugins
    ---------------------------------------------------------------------------------------------------- */
    
    /* ## Genesis Author Pro
    --------------------------------------------- */
    
    .archive.genesis-author-pro .archive-description,
    .archive.genesis-author-pro .breadcrumb,
    .archive.genesis-pro-portfolio .archive-description,
    .archive.genesis-pro-portfolio .breadcrumb {
    	margin: -80px -80px 80px;
    }
    
    .archive.genesis-author-pro .archive-pagination,
    .archive.genesis-pro-portfolio .archive-pagination {
    	margin: 0 -80px;
    }
    
    .archive.genesis-author-pro .content .entry {
    	margin-bottom: 20px;
    }
    
    .archive.genesis-author-pro  .entry::after,
    .archive.genesis-pro-portfolio .entry::after {
    	border-bottom-width: 0;
    	padding-top: 0;
    }
    
    .archive.genesis-author-pro .author-pro-featured-image,
    .author-pro-featured-image a,
    .single-books .author-pro-featured-image {
    	position: relative;
    	overflow: hidden;
    }
    
    div .book-featured-text-banner {
    	background-color: #0085da;
    }
    
    .featuredbook .image-aligncenter ~ div,
    .featuredbook .image-aligncenter ~ header {
    	text-align: center;
    }
    
    .featuredbook .book-price {
    	font-weight: 700;
    }
    
    .single-books .content .book-price {
    	border-bottom: 1px solid #000;
    }
    
    /* ## Genesis eNews Extended
    --------------------------------------------- */
    
    .enews-widget input {
    	font-size: 16px;
    	margin-bottom: 16px;
    }
    
    .enews-widget input[type="submit"] {
    	margin: 0;
    	width: 100%;
    }
    
    .enews form + p {
    	margin-top: 24px;
    }
    
    /* ## Jetpack
    --------------------------------------------- */
    
    #wpstats {
    	display: none;
    }
    
    /* # Site Header
    ---------------------------------------------------------------------------------------------------- */
    
    .site-header {
    	background-color: #7a8690;
    	color: #fff;
    	min-height: 120px;
    	position: fixed;
    	width: 100%;
    	z-index: 498;
    }
    
    /* ## Title Area
    --------------------------------------------- */
    
    .title-area {
    	float: left;
    	padding: 42px 0;
    	-webkit-transition: all .3s ease-in-out;
    	-moz-transition:    all .3s ease-in-out;
    	-ms-transition:     all .3s ease-in-out;
    	-o-transition:      all .3s ease-in-out;
    	transition:         all .3s ease-in-out;
    }
    
    .site-title {
    	font-size: 30px;
    	font-weight: 900;
    	line-height: 1.2;
    }
    
    .site-title a,
    .site-title a:hover {
    	color: #fff;
    }
    
    .site-description {
    	display: block;
    	height: 0;
    	text-indent: -9999px;
    }
    
    .site-description,
    .site-title {
    	margin-bottom: 0;
    }
    
    .header-image .title-area {
    	padding: 25px 0;
    	width: 320px;
    }
    
    .header-image .site-title {
    	display: block;
    	text-indent: -9999px;
    }
    
    .header-image .site-title > a {
    	background-size: contain !important;
    	display: block;
    	float: left;
    	min-height: 70px;
    	width: 100%;
    }
    
    /* ## Shrink
    --------------------------------------------- */
    
    .shrink {
    	min-height: 0;
    }
    
    .shrink .title-area {
    	padding: 17px 0;
    }
    
    .shrink .genesis-nav-menu li a {
    	padding-bottom: 27px;
    	padding-top: 27px;
    }
    
    .header-image .shrink .title-area {
    	padding: 0;
    }
    
    /* # Site Navigation
    ---------------------------------------------------------------------------------------------------- */
    
    .genesis-nav-menu {
    	clear: both;
    	font-size: 16px;
    	font-weight: 400;
    	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: 52px 20px;
    	text-transform: uppercase;
    }
    
    .genesis-nav-menu a:hover,
    .genesis-nav-menu .current-menu-item > a,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	color: #fff;
    }
    
    .genesis-nav-menu .sub-menu {
    	background-color: #181c1e;
    	left: -9999px;
    	opacity: 0;
    	padding: 10px 0;
    	position: absolute;
    	-webkit-transition: opacity .3s ease-in-out;
    	-moz-transition:    opacity .3s ease-in-out;
    	-ms-transition:     opacity .3s ease-in-out;
    	-o-transition:      opacity .3s ease-in-out;
    	transition:         opacity .3s ease-in-out;
    	width: 200px;
    	z-index: 499;
    }
    
    .genesis-nav-menu .sub-menu li a {
    	background-color: #181c1e;
    	color: #fff;
    	font-size: 12px;
    	padding: 20px;
    	position: relative;
    	width: 200px;
    }
    
    .genesis-nav-menu .sub-menu .sub-menu {
    	margin: -62px 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 > li.last > a {
    	padding-right: 0;
    }
    
    .genesis-nav-menu .highlight {
    	float: right;
    }
    
    /* ## Primary Navigation
    --------------------------------------------- */
    
    .nav-primary {
    	float: right;
    	text-align: right;
    	-webkit-transition: all .3s ease-in-out;
    	-moz-transition:    all .3s ease-in-out;
    	-ms-transition:     all .3s ease-in-out;
    	-o-transition:      all .3s ease-in-out;
    	transition:         all .3s ease-in-out;
    }
    
    .nav-primary:hover .genesis-nav-menu a {
    	color: #e1e9ee;
    }
    
    .nav-primary:hover .genesis-nav-menu a:hover {
    	color: #fff;
    }
    
    /* ## Secondary Navigation
    --------------------------------------------- */
    
    .nav-secondary {
    	background-color: #e1e9ee;
    	display: block;
    	max-width: 1280px;
    	position: absolute;
    	top: 0;
    	width: 100%;
    	z-index: 498;
    }
    
    .nav-secondary .wrap {
    	background-color: rgba(255, 255, 255, 0.3);
    }
    
    .nav-secondary + .content-sidebar-wrap {
    	margin-top: 100px;
    }
    
    .nav-secondary.shrink + .content-sidebar-wrap {
    	margin-top: 70px;
    }
    
    .nav-secondary .genesis-nav-menu a {
    	color: #000;
    	padding: 42px 30px;
    }
    
    .nav-secondary .genesis-nav-menu .sub-menu a {
    	color: #e1e9ee;
    	padding: 20px 40px;
    }
    
    .nav-secondary .genesis-nav-menu a:hover,
    .nav-secondary .genesis-nav-menu .current-menu-item > a,
    .nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	background-color: #181c1e;
    	color: #fff;
    }
    
    .nav-secondary .genesis-nav-menu .highlight > a {
    	background-color: #0085da;
    	color: #fff;
    }
    
    .nav-secondary .genesis-nav-menu li.highlight > a:hover {
    	background-color: #f5f5f5;
    	color: #000;
    }
    
    .nav-secondary.fixed {
    	position: fixed;
    	top: 70px;
    }
    
    .admin-bar .nav-secondary.fixed {
    	top: 102px;
    }
    
    /* Responsive Menu
    --------------------------------------------- */
    
    .responsive-menu-icon {
    	cursor: pointer;
    	display: none;
    	margin: 15px auto 10px;
    	text-align: center;
    }
    
    .responsive-menu-icon::before {
    	content: "\f333";
    	font: normal 20px/1 "dashicons";
    	margin: 0 auto;
    }
    
    /* # Content Area
    ---------------------------------------------------------------------------------------------------- */
    
    /* ## Home
    --------------------------------------------- */
    
    .featured-widget-area {
    	margin-top: 120px;
    }
    
    .featured-widget-area .wrap {
    	background-color: #fff;
    }
    
    .front-page-1,
    .front-page-3,
    .front-page-5 {
    	background-color: #f9f9f9;
    }
    
    /* ## Flexible Widgets
    --------------------------------------------- */
    
    .flexible-widgets {
    	overflow: hidden;
    	padding: 80px 80px 40px;
    }
    
    .widget-area.flexible-widgets .widget {
    	float: left;
    	margin-bottom: 40px;
    	margin-left: 2.564102564102564%;
    }
    
    .flexible-widgets.widget-full {
    	padding: 0;
    }
    
    .flexible-widgets.widget-full .widget {
    	margin-bottom: 0;
    	padding: 80px;
    }
    
    .flexible-widgets.widget-full .widget,
    .flexible-widgets.widget-halves.uneven .widget:last-of-type {
    	margin-left: 0;
    	width: 100%;
    }
    
    .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-fourths .widget:nth-child(4n+1),
    .flexible-widgets.widget-halves .widget:nth-child(2n+1),
    .flexible-widgets.widget-thirds .widget:nth-child(3n+1) {
    	clear: left;
    	margin-left: 0;
    }
    
    .widget-full .featured-content .widget-title {
    	background-color: #181c1e;
    	color: #fff;
    	margin: 0;
    	padding: 40px;
    }
    
    .front-page .flexible-widgets.widget-full .widget.featured-content {
    	padding: 0;
    	position: relative;
    }
    
    .widget-full .featured-content .entry {
    	margin: 0;
    }
    
    .widget-full .featured-content .entry-header {
    	padding: 80px 80px 0;
    }
    
    .widget-full .featured-content .entry-content {
    	padding: 0 80px;
    }
    
    .widget-full .featured-content .alignleft,
    .widget-full .featured-content .alignright {
    	margin: 0 80px 0 0;
    	max-width: 50%;
    }
    
    .widget-full .featured-content .alignright {
    	margin: 0 0 0 80px;
    }
    
    .widget-full .featured-content .entry-title {
    	font-size: 48px;
    	text-transform: uppercase;
    }
    
    .widget-full .featured-content .entry-content p:last-of-type {
    	margin-bottom: 80px;
    }
    
    .content .widget-full .featuredpost {
    	background-color: #e1e9ee;
    	padding: 0;
    }
    
    .widget-full .featuredpost .entry:nth-of-type(even) {
    	background-color: rgba(255, 255, 255, 0.3);
    }
    
    .widget-full .featuredpost ul {
    	padding: 40px;
    }
    
    .widget-full .featuredpost .more-from-category {
    	padding: 0 40px 40px;
    }
    
    /* ## Entries
    --------------------------------------------- */
    
    .entry {
    	padding: 80px;
    	position: relative;
    }
    
    .entry:after {
    	content: '';
    	border-bottom: 1px solid #000;
    	bottom: 0;
    	position: absolute;
    	width: 40px;
    }
    
    .content .entry:last-of-type:after {
    	display: none;
    }
    
    .entry-content ol,
    .entry-content ul {
    	margin-bottom: 28px;
    	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: #f9f9f9;
    }
    
    /* ## Entry Meta
    --------------------------------------------- */
    
    p.entry-meta {
    	font-size: 16px;
    	margin-bottom: 0;
    }
    
    .entry-header .entry-meta {
    	margin-bottom: 24px;
    }
    
    .entry-categories,
    .entry-tags,
    .entry-terms {
    	display: block;
    }
    
    .entry-comments-link::before {
    	content: "\2014";
    	margin: 0 6px 0 2px;
    }
    
    /* ## After Entry
    --------------------------------------------- */
    
    .after-entry {
    	padding: 0 80px 80px;
    }
    
    /* ## Pagination
    --------------------------------------------- */
    
    .pagination {
    	clear: both;
    }
    
    .adjacent-entry-pagination {
    	margin-bottom: 0;
    }
    
    .archive-pagination {
    	background-color: #f5f5f5;
    	padding: 20px 30px;
    }
    
    .archive-pagination li {
    	display: inline;
    }
    
    .archive-pagination li a {
    	color: #000;
    	cursor: pointer;
    	display: inline-block;
    	font-size: 16px;
    	padding: 8px 12px;
    }
    
    .archive-pagination li a:hover,
    .archive-pagination .active a {
    	color: #0085da;
    }
    
    /* ## Comments
    --------------------------------------------- */
    
    .comment-respond,
    .entry-pings {
    	padding: 0 80px 56px;
    }
    
    .entry-comments {
    	padding: 0 80px 80px;
    }
    
    .comment-header {
    	font-size: 16px;
    }
    
    .comment-content {
    	clear: both;
    	word-wrap: break-word;
    }
    
    .comment-list li {
    	margin-top: 24px;
    	padding: 40px 0 0;
    }
    
    .comment-list li li {
    	padding-left: 40px;
    }
    
    .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 {
    	margin-bottom: 0;
    }
    
    .entry-pings .reply {
    	display: none;
    }
    
    .form-allowed-tags {
    	background-color: #f5f5f5;
    	font-size: 16px;
    	padding: 24px;
    }
    
    /* # Sidebars
    ---------------------------------------------------------------------------------------------------- */
    
    .sidebar {
    	font-size: 16px;
    }
    
    .sidebar li {
    	border-bottom: 1px solid #fff;
    	margin-bottom: 10px;
    	padding-bottom: 10px;
    }
    
    .sidebar p:last-child,
    .sidebar ul > li:last-child {
    	margin-bottom: 0;
    }
    
    .sidebar .widget {
    	background-color: #e1e9ee;
    	padding: 40px;
    	margin-bottom: 1px;
    }
    
    /* # Footer Widgets
    ---------------------------------------------------------------------------------------------------- */
    
    .footer-widgets .wrap {
    	background-color: #181c1e;
    	clear: both;
    	padding: 80px;
    }
    
    .footer-widgets {
    	color: #ccc;
    }
    
    .footer-widgets .widget-title,
    .footer-widgets .wrap a {
    	color: #fff;
    }
    
    .footer-widgets input {
    	border: 1px solid #fff;
    }
    
    .footer-widgets a:hover {
    	color: #0085da;
    }
    
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3 {
    	width: 320px;
    }
    
    .footer-widgets-1 {
    	margin-right: 80px;
    }
    
    .footer-widgets-1,
    .footer-widgets-2 {
    	float: left;
    }
    
    .footer-widgets-3 {
    	float: right;
    }
    
    /* # Site Footer
    ---------------------------------------------------------------------------------------------------- */
    
    .site-footer {
    	color: #ccc;
    	font-size: 16px;
    	line-height: 1;
    }
    
    .site-footer .wrap {
    	background-color: #181c1e;
    	padding: 80px;
    }
    
    .site-footer .wrap a {
    	color: #fff;
    }
    
    .site-footer a:hover {
    	color: #0085da;
    }
    
    .site-footer p {
    	margin-bottom: 0;
    }
    
    /* # Media Queries
    ---------------------------------------------------------------------------------------------------- */
    
    @media only screen and (max-width: 1320px) {
    
    	.nav-secondary,
    	.site-inner,
    	.wrap {
    		max-width: 1140px;
    	}
    
    	.content {
    		width: 840px;
    	}
    
    	.footer-widgets-1,
    	.footer-widgets-2,
    	.footer-widgets-3,
    	.sidebar-primary {
    		width: 300px;
    	}
    
    	.footer-widgets-1 {
    		margin-right: 40px;
    	}
    
    }
    
    @media only screen and (max-width: 1200px) {
    
    	.nav-secondary,
    	.site-inner,
    	.wrap {
    		max-width: 960px;
    	}
    	
    	.content {
    		width: 660px;
    	}
    	
    	.archive.genesis-author-pro .content,
    	.archive.genesis-pro-portfolio .content {
    		padding: 60px 60px 20px;
    	}
    	
    	.flexible-widgets,
    	.widget-full .featured-content .entry-header {
    		padding: 60px 60px 0;
    	}
    	
    	.archive-description,
    	.author-box,
    	.entry,
    	.flexible-widgets.widget-full .widget,
    	.footer-widgets .wrap,
    	.site-footer .wrap {
    		padding: 60px;
    	}
    	
    	.comment-respond,
    	.entry-pings {
    		padding: 0 60px 32px;
    	}
    	
    	.after-entry,
    	.entry-comments {
    		padding: 0 60px 60px;
    	}
    	
    	.widget-full .featured-content .entry-content {
    		padding: 0 60px;
    	}
    	
    	.author-box,
    	.widget-full .featured-content .entry-content p:last-of-type {
    		margin-bottom: 60px;
    	}
    	
    	.archive.genesis-author-pro .archive-description,
    	.archive.genesis-author-pro .breadcrumb,
    	.archive.genesis-pro-portfolio .archive-description,
    	.archive.genesis-pro-portfolio .breadcrumb {
    		margin: -60px -60px 60px;
    	}
    	
    	.archive.genesis-author-pro .archive-pagination,
    	.archive.genesis-pro-portfolio .archive-pagination {
    		margin: 0 -60px;
    	}
    	
    	.footer-widgets-1,
    	.footer-widgets-2,
    	.footer-widgets-3 {
    		width: 260px;
    	}
    	
    	.footer-widgets-1 {
    		margin-right: 30px;
    	}
    	
    }
    
    @media only screen and (max-width: 980px) {
    
    	.nav-secondary,
    	.site-inner,
    	.wrap {
    		max-width: 800px;
    	}
    
    	.content,
    	.nav-primary,
    	.sidebar-primary,
    	.site-header .title-area {
    		width: 100%;
    	}
    	
    	.nav-secondary + .content-sidebar-wrap,
    	.site-inner,
    	.featured-widget-area,
    	.nav-secondary.shrink + .content-sidebar-wrap {
    		margin-top: 0;
    	}
    
    	.site-header {
    		background: none;
    		min-height: 0;
    	}
    	
    	.site-header > .wrap {
    		background-color: #181c1e;
    	}
    	
    	.title-area {
    		padding: 17px 0;
    	}
    	
    	.header-image .title-area {
    		padding: 0;
    	}
    
    	.header-image .site-title > a {
    		background-position: center !important;
    	}
    
    	.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;
    	}
    	
    	.wrap .genesis-nav-menu li a {
    		padding-bottom: 27px;
    		padding-top: 27px;
    	}
    	
    	.admin-bar .nav-secondary.fixed {
    		top: 0;
    	}
    	
    	.front-page-featured,
    	.nav-secondary,
    	.nav-secondary.fixed,
    	.site-header,
    	.widget-full .featured-content .alignleft,
    	.widget-full .featured-content .alignright {
    		position: relative;
    	}
    	
    	.archive-description,
    	.author-box,
    	.entry,
    	.flexible-widgets.widget-full .widget,
    	.footer-widgets .wrap,
    	.site-footer .wrap {
    		padding: 40px;
    	}
    
    	.archive.genesis-author-pro .content,
    	.archive.genesis-pro-portfolio .content,
    	.flexible-widgets,
    	.widget-full .featured-content .entry-header {
    		padding: 40px 40px 0;
    	}
    	
    	.after-entry,
    	.entry-comments,
    	.widget-full .featured-content .entry-content {
    		padding: 0 40px 40px;
    	}
    	
    	.comment-respond,
    	.entry-pings {
    		padding: 0 40px 12px;
    	}
    	
    	.author-box {
    		margin-bottom: 40px;
    	}
    	
    	.widget-full .featured-content .alignleft,
    	.widget-full .featured-content .alignright {
    		background-color: #fff;
    		display: block;
    		float: none;
    		margin: 0 auto;
    		max-width: 100%;
    		text-align: center;
    		width: 100%;
    	}
    	
    	.widget-full .featuredbook .author-pro-featured-image,
    	.widget-full .featured-content .entry-content p:last-of-type {
    		margin-bottom: 0;
    	}
    	
    	.archive.genesis-author-pro .archive-description,
    	.archive.genesis-author-pro .breadcrumb,
    	.archive.genesis-pro-portfolio .archive-description,
    	.archive.genesis-pro-portfolio .breadcrumb {
    		margin: -40px -40px 40px;
    	}
    	
    	.archive.genesis-author-pro .archive-pagination,
    	.archive.genesis-pro-portfolio .archive-pagination {
    		margin: 0 -40px;
    	}
    	
    	.footer-widgets-1,
    	.footer-widgets-2,
    	.footer-widgets-3 {
    		width: 220px;
    	}
    	
    }
    
    @media only screen and (max-width: 800px) {
    
    	body {
    		font-size: 16px;
    	}
    
    	.wrap {
    		padding-left: 5%;
    		padding-right: 5%;
    	}
    	
    	.featured-widget-area .wrap {
    		padding: 0;
    	}
    	
    	.archive-pagination li a {
    		margin-bottom: 4px;
    	}
    
    	.archive.genesis-author-pro .content
    	.archive.genesis-pro-portfolio .content,
    	.entry,
    	.five-sixths,
    	.flexible-widgets.widget-fourths .widget,
    	.flexible-widgets.widget-halves .widget,
    	.flexible-widgets.widget-thirds .widget,
    	.four-sixths,
    	.one-fourth,
    	.one-half,
    	.one-sixth,
    	.one-third,
    	.three-fourths,
    	.three-sixths,
    	.two-fourths,
    	.two-sixths,
    	.two-thirds {
    		margin-left: 0;
    		width: 100%;
    	}
    	
    	.nav-primary .wrap {
    		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;
    	}
    
    	.menu.genesis-nav-menu.responsive-menu li.current-menu-item > a,
    	.menu.genesis-nav-menu.responsive-menu li a,
    	.menu.genesis-nav-menu.responsive-menu li a:hover,
    	.menu.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
    	.nav-secondary .menu.genesis-nav-menu.responsive-menu .sub-menu a {
    		background: none;
    		display: block;
    		padding: 10px 0;
    		text-transform: none;
    	}
    	
    	.nav-secondary .genesis-nav-menu.responsive-menu li a,
    	.nav-secondary .genesis-nav-menu.responsive-menu li a:hover,
    	.nav-secondary .genesis-nav-menu.responsive-menu .sub-menu a {
    		color: #000;
    	}
    
    	.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: 499;
    	}
    
    	.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: none;
    		left: auto;
    		opacity: 1;
    		position: relative;
    		width: 100%;
    	}
    	
    	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
    		margin: 0 auto;
    		padding: 0 0 0 20px;
    	}
    	
    	.genesis-nav-menu .highlight {
    		float: none;
    	}
    	
    	.nav-secondary .genesis-nav-menu li.highlight > a,
    	.nav-secondary .genesis-nav-menu li.highlight > a:hover {
    		background: none;
    		color: #000;
    	}
    	
    	.flexible-widgets {
    		padding: 40px;
    	}
    	
    	.widget-full .featured-content .entry-title {
    		font-size: 36px;
    	}
    	
    	.footer-widgets .wrap {
    		padding: 40px 40px 0;
    	}
    	
    	.footer-widgets .widget:last-child {
    		margin-bottom: 40px;
    	}
    	
    	.footer-widgets-1,
    	.footer-widgets-2,
    	.footer-widgets-3 {
    		width: 100%;
    	}
    
    }
    October 20, 2018 at 8:45 pm #223884
    [Resolved]

    Topic: Infinity Pro – Exclude "Team Member" Page from Displaying Full Width Image

    in forum Design Tips and Tricks
    rshill65
    Participant

    I edited the Infinity Pro theme to include a full width image above the page content using a tutorial by Ben Weiser.

    https://benweiser.com/how-to-add-a-full-width-image-above-page-content-in-genesis/

    Here is my problem. As great as this edit is, the Team Member template also uses the "Featured Image" thumbnail to display the Team Page Grid, but unfortunately the featured image thumbnail also displays as a full width image above the page content.

    Example Page: http://www.infinitemindpublishing.com/proofs/STI/about-us/steel-tower-team/elizabeth-urish-walton/

    Here is the code I used. I need to find a way to exclude the post thumbnail from the Team page template.

    //Add hero image above post/page content

    // Create new image size for our hero image
    add_image_size( 'hero-image', 1600, 660, TRUE ); // creates a hero image size

    // Hook after header area
    add_action( 'genesis_after_header', 'bw_hero_image' );

    function bw_hero_image() {
    // If it is a page and has a featured thumbnail, but is not the front page do the following...
    if (has_post_thumbnail() && is_page() ) {
    // Get hero image and save in variable called $background
    $image_desktop = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'hero-image' );
    $image_tablet = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'large' );
    $image_mobile = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'medium' );

    $bgdesktop = $image_desktop[0];
    $bgtablet = $image_tablet[0];
    $bgmobile = $image_mobile[0];

    // You can change above-post-hero to any class you want and adjust CSS styles
    $featured_class = 'above-post-hero';

    I hope this makes sense.

    Thank you.

  • Author
    Search Results
Viewing 20 results - 1 through 20 (of 355 total)
1 2 3 … 16 17 18 →

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble