Community Forums › Forums › Archived Forums › Design Tips and Tricks › Theme Design for Eleven 40
Tagged: Eleven 40
- This topic has 2 replies, 2 voices, and was last updated 10 years, 8 months ago by basunivesh.
-
AuthorPosts
-
August 26, 2013 at 9:04 pm #58989basuniveshMember
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?
http://www.basunivesh.com
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).August 26, 2013 at 11:13 pm #58999Brad DaltonParticipantHi
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.
August 27, 2013 at 4:55 am #59024basuniveshMember1) 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? -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.