Forum Replies Created
-
AuthorPosts
-
CraigMember
There are a few bits you could shave some margin/padding from. The gap right at the top can be removed by adding this to the code I posted earlier:
.site-container { margin-top:0; padding-top: 0; }
To make the header smaller you could add:
.site-header { padding:30px; /*adjust to suit */ }
CraigMemberHi! On line 1007 of your style.css file you should see:
.genesis-nav-menu { clear: both; font-size: 14px; line-height: 1; width: 100%; }
Adjusting font size here will change both the above header menu, and the below header menu.
To adjust the top menu only, you would add the following to the end of your style.css:
.menu-primary { font-size:16px; }
To adjust the menu under your header, it would be:
.menu-secondary { font-size:16px; }
September 11, 2014 at 9:55 am in reply to: Writing page text best practice suggestions and/or best editor plugin #123945CraigMemberPersonally, I would install a TinyMCE addon plugin (like http://10up.com/plugins/wordpress-mce-table-buttons/) and then lay out your pricing in a table.
CraigMemberYou can claw back 36px straight away by removing the padding from the top of the site container, add this to the end of your style.css file:
.site-container { padding-top: 0; }
CraigMemberIn Mailchimp's dashboard, you need to click into the list you want to connect. Go to Signup Forms, then select 'Naked'.
The action you need for eNews extended is in the code at the bottom right - you'll probably need to copy it all and paste into your text editor. The form action from this signup form is what needs to be pasted into the eNews widget.
Something like:
//yourlistname.us8.list-manage.com/subscribe/post?u=1234&id=5678
CraigMemberHi Maja,
The problem is that your footer widgets are set at widths of 250px, 260px and 250px respectively. They are contained in a wrapper which is 1140px, meaning that there is quite a lot of space between them.
Have had a fiddle around in Firebug, and I think adding the following CSS to the end of your style.css file should sort things out:
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 340px; }
CraigMemberHi!
The link for the Genesis Responsive Header plugin is https://github.com/NicktheGeek/genesis-responsive-header/archive/customizer.zip - it's linked at the top right of the post.
The path for your logo for is: http://www.thisishomesteady.com/wp-content/uploads/2014/08/cropped-homesteadygreylogo.jpg
CraigMemberHi! This article provides a good explanation and solution:
http://sridharkatakam.com/how-to-display-featured-image-in-single-posts-in-genesis/
CraigMemberTo change your navigation background colour, you need to edit style.css at line 1326, where it says:
.nav-primary { background-color: #222; position: fixed; width: 100%; z-index: 999; }
Similarly, you can change the author box background colour by adding this to the end of your style.css file and changing the background colour to one you have chosen:
.author-box { background-color: #f5f5f5; }
CraigMemberHI! If you open up the front-page.php file in your child theme folder, at the bottom it shows a function called parallax_homepage_widgets - you should be able to comment out the part displaying the home section 5 widget. Like so:
//* Add markup for homepage widgets function parallax_homepage_widgets() { genesis_widget_area( 'home-section-1', array( 'before' => '<div class="home-odd home-section-1 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-2', array( 'before' => '<div class="home-even home-section-2 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-3', array( 'before' => '<div class="home-odd home-section-3 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); genesis_widget_area( 'home-section-4', array( 'before' => '<div class="home-even home-section-4 widget-area"><div class="wrap">', 'after' => '</div></div>', ) ); // genesis_widget_area( 'home-section-5', array( // 'before' => '<div class="home-odd home-section-5 widget-area"><div class="wrap">', // 'after' => '</div></div>', // ) ); }
CraigMemberYour header is not resizing according to viewport size because it is a large background images, and background images don’t work in this way.
One solution is to use a plugin such as Genesis Responsive Header, which will then allow you to specify three or four different header images which are used depending on viewport width. (Link:http://designsbynickthegeek.com/plugins/genesis-responsive-header)
Alternatively, Alpha Blossom have made this tutorial available, which will make your header an inline image and as a result will scale down as the screen narrows. (Link:http://www.alphablossom.com/a-better-wordpress-genesis-responsive-logo-header/)
CraigMemberHi Kirsten, I usually add the following code to functions.php to change post titles to H1:
/* Changing Genesis H1 Post Titles to H2 */ add_filter( 'genesis_post_title_output', 'craig_post_title_output', 15 ); function craig_post_title_output( $title ) { if ( is_home() || is_archive() ) $title = sprintf( '<h1 class="entry-title"><a href="' . get_permalink() . '">%s</a></h1>', apply_filters( 'genesis_post_title_text',get_the_title() ) ); return $title; }
CraigMemberWhile I can't help with adding Bootstrap's .container class, it is possible to add a Genesis .wrap class, which would essentially accomplish the same thing.
In your functions.php file, there should be a line like:
add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer' ) );
The footer widgets you have added may not be included by default, as like you said, they weren't in your theme originally. To add them, you would change it to look like:
add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer-widgets', 'footer' ) );
Hope this helps.
CraigMemberThere is a core WordPress function which does this, called wp_loginout() (http://codex.wordpress.org/Function_Reference/wp_loginout), I guess you would need to work this in to your edited footer text.
September 10, 2014 at 2:00 am in reply to: Background Image disappears on Woocommerce Checkout Page #123696CraigMemberI would try adding this to the end of your style.css file, and removing the custom background from the Agency Pro options page.
body { background-image: url('/wp-content/uploads/2014/08/bkgd.png'); }
September 9, 2014 at 3:31 pm in reply to: Background Image disappears on Woocommerce Checkout Page #123647CraigMemberIt's because of the change from http:// to https:// on the checkout page. Your background image uses a direct path, rather than relative which is why the problem occurs I think.
Related: http://docs.woothemes.com/document/ssl-and-https/
CraigMemberHi! The height of the navigation bar is determined by the padding around the different navigation links. This can be changed on line 942 of your style.css file:
.genesis-nav-menu a { border: none; color: #999; display: block; padding: 28px 24px; padding: 2.8rem 2.4rem; position: relative; }
CraigMemberRegarding captions, try adding something like this at the end of your style.css file:
.wp-caption { max-width: 96%; }
You can obviously tweak the max-width value to suit.
CraigMemberNick, there are a couple of separate issues to work through here.
Your header is not resizing according to viewport size because it is a large background images, and background images don't work in this way.
One solution is to use a plugin such as Genesis Responsive Header, which will then allow you to specify three or four different header images which are used depending on viewport width. (Link:http://designsbynickthegeek.com/plugins/genesis-responsive-header)
Alternatively, Alpha Blossom have made this tutorial available, which will make your header an inline image and as a result will scale down as the screen narrows. (Link:http://www.alphablossom.com/a-better-wordpress-genesis-responsive-logo-header/)
Your post images are a different issue. They are remaining at their fixed dimensions because these dimensions have been specified when the image was inserted. Using your first post image as an example, if you look at the post in the code editor, your you will see something like:
<img src="/your/image/source.jpg" height="547" width="325" alt="Alternative text" />
By declaring the images width and height here, you are preventing it scaling down when the browser resizes. Removing the width & height attributes altogether will limit the images size to the width of your content column, and will allow it to resize appropriately.
CraigMemberHi! Try adding this to the end of your style.css file.
.menu-secondary a:hover { text-decoration: underline; }
-
AuthorPosts