Theme Design for Eleven 40

Community Forums Forums Design Tips and Tricks Theme Design for Eleven 40

This topic is: not resolved

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  basunivesh 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #58989

    basunivesh
    Participant
    Post count: 32

    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
    #58999

    braddalton
    Participant
    Post count: 9735

    Hi

    1. Line 871 of your child themes style.css file contains the CSS code which adds a background texture to your header.
    [css]
    .site-header {
    background: url(images/texture.png);
    min-height: 65px;
    position: fixed;
    width: 100%;
    z-index: 999;
    }
    [/css]

    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:
    [css]
    .site-header {
    background: #2AC2EF;
    }
    [/css]

    2. Around line 61 of your child themes functions.php file you’ll find the PHP code which repositions your site description.
    [php]
    //* Reposition the site description
    remove_action( ‘genesis_site_description’, ‘genesis_seo_site_description’ );
    add_action( ‘genesis_before_content_sidebar_wrap’, ‘genesis_seo_site_description’ );
    [/php]

    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:
    [css]
    .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;
    }
    [/css]
    Here’s an example of what you could do:
    [css]
    .site-description {
    font-family: ‘Lora’, serif;
    font-size: 16px;
    overflow: hidden;
    }
    [/css]
    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.

    [php]
    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();
    [/php]

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #59024

    basunivesh
    Participant
    Post count: 32

    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?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.