• 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

Theme Design for Eleven 40

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 › Archived Forums › Design Tips and Tricks › Theme Design for Eleven 40

This topic is: not resolved

Tagged: Eleven 40

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 9 months ago by basunivesh.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 26, 2013 at 9:04 pm #58989
    basunivesh
    Member

    Hi, I recently installed Genesis Framework+Eleven 40 Theme. I have below few doubts. Please let me know how to rectify them.

    1) I want to change the header background from black to blue. How to change that?
    2) I want tagline below my blog name. How to do that?
    3) On Homepage, recent posts are showing in, but aligned in a row or column systematically. How to make them either in row wise or column wise equally? (One post showing above and one below).
    4) I am using Google Custom Search and Google Feedburner mail subscription on top of side bar. But both of them are looking too large. How to reduce the size of both of them? (Especially the size of "SEARCH" and "SUBSCRIBE" tab).

    http://www.basunivesh.com
    August 26, 2013 at 11:13 pm #58999
    Brad Dalton
    Participant

    Hi

    1. Line 871 of your child themes style.css file contains the CSS code which adds a background texture to your header.

    .site-header {
    	background: url(images/texture.png);
    	min-height: 65px;
    	position: fixed;
    	width: 100%;
    	z-index: 999;
    }
    

    The image for this is in your images folder which you can change with a custom image
    or
    You can copy the code to the end of your style sheet and modify the code like such:

    .site-header {
    	background: #2AC2EF;
    }
    

    2. Around line 61 of your child themes functions.php file you'll find the PHP code which repositions your site description.

    //* Reposition the site description
    remove_action( 'genesis_site_description', 'genesis_seo_site_description' );
    add_action( 'genesis_before_content_sidebar_wrap', 'genesis_seo_site_description' );
    

    You can remove the above PHP code however you will also need to modify the CSS which styles the description on Line 912 of your child themes style.css file:

    .site-description {
    	border-bottom: double #ddd;
    	border-top: double #ddd;
    	font-family: 'Lora', serif;
    	font-size: 30px;
    	overflow: hidden;
    	margin: 40px 0 0;
    	margin: 4rem 0 0;
    	padding: 24px 0;
    	padding: 2.4rem;
    	text-align: center;
    }
    

    Here's an example of what you could do:

    .site-description {
    	font-family: 'Lora', serif;
    	font-size: 16px;
    	overflow: hidden;
    }
    

    3. You will need to match your Reading Settings 'Blog pages show at most' with the settings in your home.php files code to display posts as features rather than in the grid.

    Here's more on that topic.

    remove_action( 'genesis_loop', 'genesis_do_loop' );
    add_action( 'genesis_loop', 'child_grid_loop_helper' );
    /** Add support for Genesis Grid Loop **/
    function child_grid_loop_helper() {
    
    	if ( function_exists( 'genesis_grid_loop' ) ) {
    	
    		genesis_grid_loop( array(
    			'features' => 5,
    			'feature_image_size' => 'feature',
    			'feature_image_class' => 'align none post-image',
    			'feature_content_limit' => 200,
    			'grid_image_size' => 'grid',
    			'grid_image_class' => 'align none post-image',
    			'grid_content_limit' => 0,
    			'more' => __( 'Continue reading...', 'genesis' ),
    			'posts_per_page' => 5,
    		) );
    
    	}
    
    	else {
    		genesis_standard_loop();
    	}
    
    }
    
    genesis();
    

    4. Please start a new thread for your 4th question. Thanks

    P.S Your theme is actually the Eleven40 Pro version which is a bit different to the Eleven40 version.


    Tutorials for StudioPress Themes.

    August 27, 2013 at 4:55 am #59024
    basunivesh
    Member

    1) I have uploaded the logo image. Now I need to change the background colour of Header to blue. Please explain me in detail what to remove and what to add?
    You told to remove
    .site-header {
    background: url(images/texture.png);
    min-height: 65px;
    position: fixed;
    width: 100%;
    z-index: 999;
    }
    to
    .site-header {
    background: #2AC2EF;
    }
    But if we do such change then I think my image logo will disappear. Am I right?
    3) You mean to say I need to add this code or change to what? I am confused.
    4) "Your theme is actually the Eleven40 Pro version which is a bit different to the Eleven40 version". May I know the difference?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

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