• 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

Jason Weber

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
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 20 posts - 1 through 20 (of 83 total)
1 2 3 4 5 →
  • Author
    Posts
  • March 3, 2016 at 1:10 pm in reply to: Agent Press Pro Header Issue #180553
    Jason Weber
    Member

    Here's what I see in Chrome: http://i.imgur.com/oJnk4ny.jpg.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 7:25 am in reply to: how to make portfolio header stay fixed to top #180528
    Jason Weber
    Member

    I don't see the snippet in your CSS.

    Anyway, the more recommended way is to download Simple Custom CSS, activate the plugin, and put that snippet in there.

    That will take precedent over anything in your child theme's stylesheet, and you won't have to worry about altering your child theme's core files.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 7:01 am in reply to: Link Post Category to Featured Image On Home Page (Outreach Pro) #180524
    Jason Weber
    Member

    The other thing you can do is just display the main featured post, and tick the box, "more from this category" or whatever it says.

    Then, visitors can just click the link if they wanna see more in that particular category.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 6:04 am in reply to: how to make portfolio header stay fixed to top #180522
    Jason Weber
    Member

    Custom CSS or in your /wp-content/themes/modern-portfolio-pro/style.css at the bottom:

    /* Sticky header */
    
    .site-header {
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    
    nav.nav-primary {
        padding-top: 164px; /* height of header (can be easily obtained using Chrome Inspector or Firefox Firebug) */
    }

    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 1:42 am in reply to: Custom h1 CSS #180512
    Jason Weber
    Member

    I don't see any H1 elements.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 1:41 am in reply to: Site Relaunch – Feedback Needed #180511
    Jason Weber
    Member
    1. Enable gzip compression
    2. Use a caching mechanism so you can leverage your browser caching for faster page load times
    3. Remove the query strings from your themes and plugins for faster page load times

    Nice and clean!


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 1:34 am in reply to: Jedi Training Academy #180510
    Jason Weber
    Member

    The background image is over 200KB in size; I slashed it in half by saving it as a progressive jpg, losslessly compressing it, and got rid of that clumpy whitespace you put at the bottom to make it 1050px in height: http://i.imgur.com/E1xLBch.jpg. Try using this image to speed up your page load times, in addition to a plugin such as BJ Lazy Load.

    My site (Webby's WebPrezence) in my signature uses Altitude Pro.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 1:16 am in reply to: Link Post Category to Featured Image On Home Page (Outreach Pro) #180508
    Jason Weber
    Member

    For your Home Bottom widget area -- instead of using Featured Post widgets, use something different such as the Category Posts widget.


    Webby’s WebPrezence
    National Center For Due Process

    March 3, 2016 at 12:58 am in reply to: Agent Press Pro Header Issue #180507
    Jason Weber
    Member

    The image you uploaded from your hard drive is 320 x 63, but it's being forced to a 320 x 80 size. Additionally, there's no reason to save it as a .png file unless you really need a high-quality image (photography, architecture, etc.) or you need to preserve transparency. More on that in a moment.

    1. Upload this image and use it instead; nothing will be cropped: http://i.imgur.com/RqnMreD.jpg
    2. Here's the Photoshop image, so you can tinker with layers if you'd like: Claire-Boynton-Colorado.psd.
    3. Since the background of the header is dark blue, I personally would take that logo and instead of having a white background, I'd make it a transparent background. I'd then put an outer white glow around the Platinum Group logo so it stands out, and you won't have that clumpy looking white box. But I'd need the actual logo and the names of the fonts you used to do it, although it would only take 60 seconds to do.

    Good luck!


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 5:51 pm in reply to: Assistance needed with Featured Post Widget responsiveness #180191
    Jason Weber
    Member

    Maybe we're seeing two separate things, but as I demonstrate in this video, your website (slider / featured images) is responsive: https://www.youtube.com/watch?v=IYuA8TX9OhU


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 3:04 pm in reply to: Enterprise Pro: Need Responsive Header-Image and title and description. #180178
    Jason Weber
    Member

    I used that exact method above on USS Vision and Dr. Kelwala's website, so you can see the result in advance.


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 3:02 pm in reply to: Enterprise Pro: Need Responsive Header-Image and title and description. #180177
    Jason Weber
    Member

    This is taken from Sridhar's website. If you're really into customizing your site, you should purchase a membership. I did, and it's worth it!

    1. First, register two widget areas -- one below the header and one above the footer.

    Add this at the bottom of your functions.php:

    //* Register widget areas
    genesis_register_sidebar( array(
    	'id'          => 'parallax-section-below-header',
    	'name'        => __( 'Parallax Section Below Header', 'enterprise-pro' ),
    	'description' => __( 'This is the parallax section below header.', 'enterprise-pro' ),
    ) );
    
    genesis_register_sidebar( array(
    	'id'          => 'parallax-section-above-footer',
    	'name'        => __( 'Parallax Section Above Footer', 'enterprise-pro' ),
    	'description' => __( 'This is the parallax section above footer.', 'enterprise-pro' ),
    ) );
    
    //* Hooks parallax-section-below-header widget area after header
    add_action( 'genesis_after_header', 'parallax_section_below_header' );
    function parallax_section_below_header() {
    
    	genesis_widget_area( 'parallax-section-below-header', array(
    		'before' => '<div class="below-header parallax-section widget-area"><div class="wrap">',
    		'after'  => '</div></div>',
    	) );
    
    }
    
    //* Hooks parallax-section-above-footer widget area above footer
    add_action( 'genesis_before_footer', 'parallax_section_above_footer' );
    function parallax_section_above_footer() {
    
    	genesis_widget_area( 'parallax-section-above-footer', array(
    		'before' => '<div class="above-footer parallax-section widget-area"><div class="wrap">',
    		'after'  => '</div></div>',
    	) );
    
    }
    1. Second, save a copy of parallax.js and upload it to you Enterprise Pro's /js/ directory (wp-content/themes/enterprise-pro/js/parallax.js).
    1. Load the .js

    Add this to the bottom of your functions.php:

    //* Enqueue parallax script
    add_action( 'wp_enqueue_scripts', 'enqueue_parallax_script' );
    function enqueue_parallax_script() {
    
    	if ( ! wp_is_mobile() ) {
    
    		wp_enqueue_script( 'parallax-script', get_bloginfo( 'stylesheet_directory' ) . '/js/parallax.js', array( 'jquery' ), '1.0.0' );
    
    	}
    
    }
    1. Add the following to Enterprise Pro's style.css:
    /* Parallax effect
    --------------------------------------------- */
    
    .parallax-section {
    	background-attachment: fixed;
    	background-color: #fff;
    	background-position: 0px 0px;
    	background-repeat: no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size:    cover;
    	background-size:         cover;
    	text-align: center;
    	font-family: 'Sorts Mill Goudy',sans-serif;
    	color: #fff;
    	font-size: 28px;
    	padding: 190px 0 200px;
    }
    
    .parallax-section .widget-title {
    	font-size: 72px;
    	margin-bottom: 40px;
    	color: #fff;
    }
    
    .parallax-section.below-header {
    	background-image: url("images/bg-1.jpg");
            /* height:700px; -- this is optional if you want the parallax background images to be higher.  Just adjust the height as needed */
    }
    
    .parallax-section.above-footer {
    	background-image: url("images/bg-2.jpg");
    	color: #000;
            /* height:700px; -- this is optional if you want the parallax background images to be higher.  Just adjust the height as needed */
    }
    
    .parallax-section.above-footer .widget-title {
    	color: #000;
    }

    Of course, ensure that bg-1.jpg and bg-2.jpg are your images, so upload them to /wp-content/themes/enterprise-pro/images/your-image-here.jpg, and put the proper image name in the snippet above.

    Note: There will now be two new widget areas under Appearances >> Widgets. You might have to drag a text widget in there and put a space:
    &nbsp;
    in the text widget. Additionally, you can drag any widget in there, and the image will still be in the background. Or you can leave it as is, like I did with USS Vision.

    Good luck!


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 2:56 pm in reply to: Enterprise Pro: Need Responsive Header-Image and title and description. #180171
    Jason Weber
    Member

    This is taken from Sridhar's website. If you're really into customizing your site, you should purchase a membership. I did, and it's worth it!

    1. First, register two widget areas -- one below the header and one above the footer.

    Add this at the bottom of your functions.php:

    //* Register widget areas
    genesis_register_sidebar( array(
    	'id'          => 'parallax-section-below-header',
    	'name'        => __( 'Parallax Section Below Header', 'enterprise-pro' ),
    	'description' => __( 'This is the parallax section below header.', 'enterprise-pro' ),
    ) );
    
    genesis_register_sidebar( array(
    	'id'          => 'parallax-section-above-footer',
    	'name'        => __( 'Parallax Section Above Footer', 'enterprise-pro' ),
    	'description' => __( 'This is the parallax section above footer.', 'enterprise-pro' ),
    ) );
    
    //* Hooks parallax-section-below-header widget area after header
    add_action( 'genesis_after_header', 'parallax_section_below_header' );
    function parallax_section_below_header() {
    
    	genesis_widget_area( 'parallax-section-below-header', array(
    		'before' => '<div class="below-header parallax-section widget-area"><div class="wrap">',
    		'after'  => '</div></div>',
    	) );
    
    }
    
    //* Hooks parallax-section-above-footer widget area above footer
    add_action( 'genesis_before_footer', 'parallax_section_above_footer' );
    function parallax_section_above_footer() {
    
    	genesis_widget_area( 'parallax-section-above-footer', array(
    		'before' => '<div class="above-footer parallax-section widget-area"><div class="wrap">',
    		'after'  => '</div></div>',
    	) );
    
    }
    1. Second, save a copy of parallax.js and upload it to you Enterprise Pro's /js/ directory (wp-content/themes/enterprise-pro/js/parallax.js).
    1. Load the .js

    Add this to the bottom of your functions.php:

    //* Enqueue parallax script
    add_action( 'wp_enqueue_scripts', 'enqueue_parallax_script' );
    function enqueue_parallax_script() {
    
    	if ( ! wp_is_mobile() ) {
    
    		wp_enqueue_script( 'parallax-script', get_bloginfo( 'stylesheet_directory' ) . '/js/parallax.js', array( 'jquery' ), '1.0.0' );
    
    	}
    
    }
    1. Add the following to Enterprise Pro's style.css:
    /* Parallax effect
    --------------------------------------------- */
    
    .parallax-section {
    	background-attachment: fixed;
    	background-color: #fff;
    	background-position: 0px 0px;
    	background-repeat: no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size:    cover;
    	background-size:         cover;
    	text-align: center;
    	font-family: 'Sorts Mill Goudy',sans-serif;
    	color: #fff;
    	font-size: 28px;
    	padding: 190px 0 200px;
    }
    
    .parallax-section .widget-title {
    	font-size: 72px;
    	margin-bottom: 40px;
    	color: #fff;
    }
    
    .parallax-section.below-header {
    	background-image: url("images/bg-1.jpg");
            /* height:700px; -- this is optional if you want the parallax background images to be higher.  Just adjust the height as needed */
    }
    
    .parallax-section.above-footer {
    	background-image: url("images/bg-2.jpg");
    	color: #000;
            /* height:700px; -- this is optional if you want the parallax background images to be higher.  Just adjust the height as needed */
    }
    
    .parallax-section.above-footer .widget-title {
    	color: #000;
    }

    Of course, ensure that bg-1.jpg and bg-2.jpg are your images, so upload them to /wp-content/themes/enterprise-pro/images/your-image-here.jpg, and put the proper image name in the snippet above.

    Note: There will now be two new widget areas under Appearances >> Widgets. You might have to drag a text widget in there and put a space:
    &nbsp;
    in the text widget. Additionally, you can drag any widget in there, and the image will still be in the background. Or you can leave it as is, like I did with USS Vision.

    Good luck!


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 7:56 am in reply to: How to show CPT in breadcrumbs #180157
    Jason Weber
    Member

    I don't know of a Genesis way of doing such a thing.

    Bear in mind, if you find some tutorial out there that's asking you to add a snippet of code to your functions.php .... guess what that is? That's a plugin in and of itself!

    Many people have a fear of having "too many plugins". But I have sites that have 45+ plugins that load in under 1.5 seconds. It's not about the number of plugins; it's about the quality of the plugins and the way they're coded.

    Are scripts being enqueued (called) properly? Is the code clean? In the plugin I linked you too, that's coded properly.


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 11:58 pm in reply to: Assistance needed with Featured Post Widget responsiveness #180136
    Jason Weber
    Member

    Everything is responsive in the 5 browsers I tested it in.


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 11:54 pm in reply to: Add fonts to Parallax Child theme #180135
    Jason Weber
    Member

    I utilize Use Any Font on a lot of my websites. Never had a problem.


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 11:51 pm in reply to: Log In and Log Out link switch-up #180134
    Jason Weber
    Member

    Oh, wait -- check that.

    You're using a 3rd party plugin, UserPro, for a front-end login system. If I'm not mistaken, after logging in, their name shows up, and they should be able to log out (although closing your tab or browser accomplishes the same thing).

    Contact the author and ask him, or post in the UserPro forums .... but the author, Deluxe Themes, suggests you contact him directly through the link provided.


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 11:47 pm in reply to: Log In and Log Out link switch-up #180133
    Jason Weber
    Member

    Try the My Login / My Logout plugin.

    1. Install
    2. Activate the plugin through the 'Plugins' menu in WordPress
    3. Go to the 'Settings' on admin sidebar Click the My Login/Logout.
    4. Defult login/logout redirct pages are the index
    5. if you want to change Select the pages drop down list for login and logout redirection.

    Good luck.


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 11:18 pm in reply to: Digital pro – text colour change #180131
    Jason Weber
    Member

    One last thing, Allie.

    You don't want your main front page 1 image (or any, for that matter) to be so large. Currently, your take-the-leap.jpg is over 5 MEGABYTES. That's 5,000 KB. You want to keep this under 100 KB, if possible. So here's what I did:

    (1) Reduced the mammoth image size to 1600px width x 1050 height (Genesis likes 1600 x 1050 for these types of images). I then losslessly compressed it so there's no loss in image quality, and was able to reduce it to 428 KB: Digital Pro Banner - compressed

    (2) That's better, but still not good enough. So I saved it as a progressive jpg (slight image quality loss, but not noticeable to almost all viewers), and got it down to 249 KB. That's about as good as you're going to get it with that image. I'd like it under 100 KB, but this is acceptable and much better than the 5,000 KB you had before: Digital Pro Banner

    Please replace your current image, which is over 5,000 KB, with one of the two (I'd recommend the progressive image, which is 249 KB -- much faster page load time, as you're shaving 4,750 KB off of your page size.

    Good luck!


    Webby’s WebPrezence
    National Center For Due Process

    February 27, 2016 at 9:52 pm in reply to: Digital pro – text colour change #180124
    Jason Weber
    Member

    Good. Don't forget the second snippet, Allie, so your tagline ("Power Your Life In The Direction You Want.") stands out as well.

    And if you want to get rid of that footer stuff (Genesis / Digital Pro Theme / Login, etc.), just download Genesis Simple Edits and put whatever you want there to replace it.


    Webby’s WebPrezence
    National Center For Due Process

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 83 total)
1 2 3 4 5 →

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 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