Forum Replies Created
-
Posts
-
Update: I've relocated the above-header widget to below the header (thank goodness because it looks better under the header). I still have the 24 px hanging below the image and I really don't know how to write the code to target only that widget (per Lynne's suggestion), to eliminate the extra 24 px. The widget in question is now #7 (previously #4).
I'd really appreciate it if someone could provide the correct css code for me -- I'll then learn and save the snippet for future use. Thanks!
While waiting for some help I continued to try to figure this out. When I added this to style.css:
.before-header.widget-area #text-4 { margin-bottom: 0; }some of the unwanted lavender area below the image disappeared, but I've still got 24px lavender below the image. Adding "padding-bottom: 0px" to the above did not do anything.
Help?
Correction on the site URL: http://lailimcgrew.csw.com
Graham, this is exactly what I needed. I'm now editing that CSS and it's working. Thank you very much for pointing me to the code that needed fixing -- I've learned something and will remember it going forward.
I really appreciate all the help, thanks guys!
I don't know what CSS rule is causing the problem.
I don't have firebug installed, just the default Firefox Inspector tool. I can see the CSS files but can't pinpoint the CSS that corresponds to the problem area. Sorry, I'm struggling with responsive design and obviously beyond what I know how to do. I'd hoped it would be fairly simple to put a new CSS rule in the 800 px media query section. This is what's currently in the CSS in the 800 px Media Query section:
@media only screen and (max-width: 800px) { body { background-color: #fff; font-size: 16px; } .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget, .site-header { padding: 0; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .sidebar .widget.enews-widget { padding: 40px; } }Thanks Brad -- I know the code goes in that section, I just don't know what the code should be -- can you help me with the selector, and whether the code should involve padding- or margin-?
Thanks for your replies.
Brock, where is that code found? I'm not seeing it in style.css.
Graham, this is what I have in the FreeForm box -- all the code is working except for the footer border:
.site-header { border-top: 5px solid #f16915; border-bottom: none; border-right: none; border-left: none; }; .nav-primary { border-top: 5 px solid #f16915; border-bottom: none; } .custom-widget { background-color: #739040; padding-top: 0px; padding-bottom: 10px; border-bottom: 5px solid #f16915; }; .site-footer { border-top: 4px solid #f16915; };Appreciate your reply. I just replaced the style.css file in the new site with the one from the temporary site. No change. Can you let me know what you see missing or if you have any other ideas?
EDIT: I had some css code in Genesis Design Palette Pro (in the Freeform css plugin that integrates with DPP). I just pasted the code from the temp site into the new site and now it looks as it should. Whew.
Thanks again for responding -- it got me rethinking where else I had some css code : )
Wow -- I couldn't see those bad characters in Sublime OR in TextEdit. So I retyped that whole string manually and now the menu is where I wanted it.
I am so appreciative of all the time you've taken with this. Thank you again. BTW I went exploring your website while waiting for your responses -- it's a lovely site and I've bookmarked it for future tips. I'm a psychotherapist in California helping some of my therapist colleagues build their websites as they're building their practices. I've learned a lot (self-taught) but I have a long way to go and the help you've given me here will undoubtedly help me with future sites. Responsive design has really pushed me past the edge of my skills.
Thanks again -- I'll mark this issue as resolved.
I use Sublime and TextEdit. I thought I had moved that code into TextEdit and checked before putting in the php file, but I may have forgotten. In any event, I've manually corrected the code in php:
'genesis_do_nav',15 );but the menu is still not showing.
Don't mind at all -- I really appreciate the time you're taking with my challenge. Here it is (the funky characters you see in the Reposition block below do not actually look like that in my php file, they show as the single apostrophes):
<?php //* Start the engine include_once( get_template_directory() . '/lib/init.php' ); //* Setup Theme include_once( get_stylesheet_directory() . '/lib/theme-defaults.php' ); //* Set Localization (do not remove) load_child_theme_textdomain( 'lifestyle', apply_filters( 'child_theme_textdomain', get_stylesheet_directory() . '/languages', 'lifestyle' ) ); //* Child theme (do not remove) define( 'CHILD_THEME_NAME', __( 'Lifestyle Pro Theme', 'lifestyle' ) ); define( 'CHILD_THEME_URL', 'http://my.studiopress.com/themes/lifestyle/' ); define( 'CHILD_THEME_VERSION', '3.1' ); //* Add HTML5 markup structure add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) ); //* Add viewport meta tag for mobile browsers add_theme_support( 'genesis-responsive-viewport' ); //* Enqueue Scripts add_action( 'wp_enqueue_scripts', 'lifestyle_load_scripts' ); function lifestyle_load_scripts() { wp_enqueue_script( 'lifestyle-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_style( 'dashicons' ); wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Droid+Sans:400,700|Roboto+Slab:400,300,700', array(), CHILD_THEME_VERSION ); } //* Add new image sizes add_image_size( 'home-large', 634, 360, TRUE ); add_image_size( 'home-small', 266, 160, TRUE ); //* Add support for custom background add_theme_support( 'custom-background', array( 'default-image' => get_stylesheet_directory_uri() . '/images/bg.png', 'default-color' => 'efefe9', ) ); //* Add support for custom header add_theme_support( 'custom-header', array( 'header_image' => '', 'header-selector' => '.site-title a', 'header-text' => false, 'height' => 110, 'width' => 320, ) ); //* Register a new custom widget genesis_register_sidebar( array( 'id' => 'custom-widget', 'name' => __( 'Custom Widget', 'genesis' ), 'description' => __( 'Custom Widget Area', 'childtheme' ), ) ); //* Position the new custom widget below the header add_action( 'genesis_after_header', 'add_genesis_widget_area' ); function add_genesis_widget_area() { genesis_widget_area( 'custom-widget', array( 'before' => '<div class="custom-widget widget-area">', 'after' => '</div>', ) ); } //* Add support for additional color style options add_theme_support( 'genesis-style-selector', array( 'lifestyle-pro-blue' => __( 'Lifestyle Pro Blue', 'lifestyle' ), 'lifestyle-pro-green' => __( 'Lifestyle Pro Green', 'lifestyle' ), 'lifestyle-pro-mustard' => __( 'Lifestyle Pro Mustard', 'lifestyle' ), 'lifestyle-pro-purple' => __( 'Lifestyle Pro Purple', 'lifestyle' ), 'lifestyle-pro-red' => __( 'Lifestyle Pro Red', 'lifestyle' ), ) ); //* Reposition the primary navigation menu remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( ‘genesis_after_header’, ‘genesis_do_nav’,15 ); //* Modify the size of the Gravatar in the author box add_filter( 'genesis_author_box_gravatar_size', 'lifestyle_author_box_gravatar' ); function lifestyle_author_box_gravatar( $size ) { return 96; } //* Modify the size of the Gravatar in the entry comments add_filter( 'genesis_comment_list_args', 'lifestyle_comments_gravatar' ); function lifestyle_comments_gravatar( $args ) { $args['avatar_size'] = 60; return $args; } //* Remove comment form allowed tags add_filter( 'comment_form_defaults', 'lifestyle_remove_comment_form_allowed_tags' ); function lifestyle_remove_comment_form_allowed_tags( $defaults ) { $defaults['comment_notes_after'] = ''; return $defaults; } //* Add support for 3-column footer widgets add_theme_support( 'genesis-footer-widgets', 3 ); //* Add support for after entry widget add_theme_support( 'genesis-after-entry-widget-area' ); //* Relocate after entry widget remove_action( 'genesis_after_entry', 'genesis_after_entry_widget_area' ); add_action( 'genesis_after_entry', 'genesis_after_entry_widget_area', 5 ); //* Register widget areas genesis_register_sidebar( array( 'id' => 'home-top', 'name' => __( 'Home - Top', 'lifestyle' ), 'description' => __( 'This is the top section of the homepage.', 'lifestyle' ), ) ); genesis_register_sidebar( array( 'id' => 'home-middle', 'name' => __( 'Home - Middle', 'lifestyle' ), 'description' => __( 'This is the middle section of the homepage.', 'lifestyle' ), ) ); genesis_register_sidebar( array( 'id' => 'home-bottom-left', 'name' => __( 'Home - Bottom Left', 'lifestyle' ), 'description' => __( 'This is the bottom left section of the homepage.', 'lifestyle' ), ) ); genesis_register_sidebar( array( 'id' => 'home-bottom-right', 'name' => __( 'Home - Bottom Right', 'lifestyle' ), 'description' => __( 'This is the bottom right section of the homepage.', 'lifestyle' ), ) );Jackie, is this new code to be added, or did you mean to replace the previous "reposition" block of code?
lol, so close and yet so far! I'm not sure if I edited the correct code. I changed this:
//* Reposition the primary navigation menu remove_action( 'genesis_before_header', 'genesis_do_nav' ); add_action( ‘genesis_after_header’, ‘genesis_do_nav’ );to this:
//* Reposition the primary navigation menu remove_action( 'genesis_before_header', 'genesis_do_nav' ); add_action( ‘genesis_after_header’, ‘genesis_do_nav’,15 );The menu remains in between the site title and the custom widget.
