Forum Replies Created
-
Posts
-
You haven't hooked the widget on to anywhere. You have registered the home-top widget, but now you need to put it somewhere.
eg
add_action( ‘genesis_after_header’, ‘blissful_home_top_widget’ );
/**
* Add home top widget
*/
function blissful_home_top_widget() {
genesis_widget_area( ‘home-top’, array(
‘before’ => ‘<div id=”home-top” class=”home-top”><div class=”wrap”>’,
‘after’ => ‘</div></div>’,
) );
}just change the genesis_after_header to whichever hook you need to use, depending on where you need the widget area to display
I love helping creative entrepreneurs build epic things with WP & Genesis.
but you'd have to upload the image again through the uploader
I love helping creative entrepreneurs build epic things with WP & Genesis.
of course my suggestion is if you were starting from scratch. if you already have quite a few things in place it may not be the best way.
You said you already have an optin widget area?
If so, you just need to move the code which hooks it into the theme out of functions.php and into the home page template.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Since Genesis is 'boxed' from the start. You're much better off just creating the front-page.php file, ensuring your home page is full width as you need it and leaving Genesis to do the rest for the rest. Otherwise your overriding what is already there. This also would solve your optim widget area problem as you can just add the hook in the front-page.php file and every other page knows nothing of it.
Ok some code to show you what I mean...
So you would create the widget area in your functions.php by adding this to the bottom...
//* Register widget area
genesis_register_sidebar( array(
'id' => 'home-optin-widget-area,
'name' => __( 'Home Optin Widget Area, ‘child’ ),
'description' => __( 'This is the optin widget area on the homepage.', 'child' ),
) );and then in front-page.php you would have something like...
<?php
/**
* Homepage template
*/add_action( 'genesis_meta', ‘child_home_genesis_meta' );
/** Add widget support for homepage. If no widgets active, display the default loop.
*/
function child_home_genesis_meta() {if ( is_active_sidebar( 'home-optin-widget-are ) {
add_action( 'genesis_after_header', ‘child_homepage_widgets' );
}
}
function child_homepage_widgets() {
genesis_widget_area( 'home-optin-widget-area', array(
'before' => '<div id="home-optin-widget-area" class="home-optin-widget-area"><div class="wrap">',
'after' => '</div></div>',
) );}
In this example the widget area called 'home optin widget area' would appear after the header ONLY on the home page.
You can then add more widgets in the same way, one after another, effectively creating yourself a full width homepage made of widget areas. And the rest of your site will remain untouched.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Try deactivating some of your plugins, you seem to have an awful lot of stylesheets and js being loaded. Other than that I don't know. Should work straight out of the box, even with no child theme.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Oh.. a more typical way of achieving full width on the home page and then boxed on every other is to create the home page using widget areas. Similar to how it is done on parallax pro child theme and epik child theme.
The widget areas run 100% across the screen, all above the .site-inner, then just a wrap is added to accommodate for the content not running into the side of the screen. This way you don't have to take apart Genesis as much and all other pages will remain untouched.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Do you mean you are wanting a widget area to only appear on the home page? Or one particular widget inside of a widget area?
I'm trying to get my head around what you are after. With the second request.. generally the best way to make something work on every page except the home page is to have this in functions.php
add_action('genesis_after_header', 'example_function_except_home');
function example_function_except_home() {if ( is_home() )
return;- insert all your code here, all the hooks like you posted before -
}
I love helping creative entrepreneurs build epic things with WP & Genesis.
If the featured images are big enough, (width of at least 1140px) then it should cover the entire screen anyway.
If you wanted to continue with the small image. Then you can add this to the end of your stylesheet...
.flexslider .slides img {
margin: 0 auto;
}
I love helping creative entrepreneurs build epic things with WP & Genesis.
Your site seems to be running fine now, I assume you fixed the problem!?
I love helping creative entrepreneurs build epic things with WP & Genesis.
try using this plugin https://wordpress.org/plugins/wordpress-seo/
and turn on facebook open graph in the options. It helps control which part of the site gets shared through facebook and other networks.
I love helping creative entrepreneurs build epic things with WP & Genesis.
in your stylesheet you have...
.sidebar .widget {
padding: 3rem 4rem;
}The 4rem is the left and right padding. This is causing your images to have to squash into the remaining space 260px wide. So you need to change the padding.
If you want the top and bottom padding to remain then just change to..
.sidebar .widget {
padding: 3rem 0;
}Make sure to change your px values as well as the rem values.
PS you'd be better off not using images at all for the text in your sidebar. You are causing many unnecessary http requests meaning a slower page load. Also as the images are so small in size, on my retina screen the text is extremely blurry and would be unreadable to some. Using text and css to create the boxes would solve both problems.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Hi Archana, if you want to remove the 3 footer widgets from every page then you can just add this to the bottom of your functions.php file
//* Remove footer widgets
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
I love helping creative entrepreneurs build epic things with WP & Genesis.
I don't know how that happened as it should just work, and did for me on one of my project. Anyway there is a solution. If you look for this in the style sheet
.agency-pro-home
.content .home-middle
.widget {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
float: left;
margin-bottom: 0;
min-height: 380px;
width: 33.3333%;
}and then just delete the line "width: 33.3333%;"
I love helping creative entrepreneurs build epic things with WP & Genesis.
i'm pretty sure zigzagpress have support so maybe let them know about the problem so they can fix it for everybody.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Maybe add a line of documentation to the top of it so you remember what the code is for.. 🙂
I love helping creative entrepreneurs build epic things with WP & Genesis.
You can remove the comments-reply-min.js by adding this to the bottom of your functions.php
function clean_header(){ wp_deregister_script( 'comment-reply' ); } add_action('init','clean_header');
I love helping creative entrepreneurs build epic things with WP & Genesis.
The larger images of coming from the featured image of each post. The smaller images are the images from the post.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Sorry I didn't mean not visible on mobile devises, I meant they would appear at the very bottom of all the content so not very user friendly, (unless you have a link to the bottom of the page)
I love helping creative entrepreneurs build epic things with WP & Genesis.
Any theme will be suitable with what the client has asked for as you can change the layout of all the themes to be sidebar-content-sidebar and then you just need to add custom menu in the widget areas.
I do think the Metro Pro theme looks great in Green though. It's in the theme options already and as can put your own custom image as the background around the edges, you could pick something green and kindergarten-y and you're all set.
Perhaps inform the client that having menus in the sidebar would mean they would not be visible on mobile so it is not advised.
Or you can get round this by using the primary navigation space but having [display: none] set for the larger screen sizes. This way the menus would be on the sides on the large screens but then would appear at the top on the smaller screens.
I love helping creative entrepreneurs build epic things with WP & Genesis.
Hey, thanks guys. Always puts a smile on my face hearing people like my design 🙂
However, I was bored of the old style (again) so have changed things around again yesterday. I have totally removed the sidebar from the whole website. It was a big step which I have been wanting to take for some time. I am still not sure if it was the right decision but I really only want the focus to be on the post content. Also I have added much more padding to the whole site to give it the space it needs for such a large font. I have tried to stick to the "golden ratio" even as the screen size gets smaller. Hopefully people will appreciate that extra effort!
Now my design OCD is out of the way (for now) I should concentrate on writing some posts! haha
I love helping creative entrepreneurs build epic things with WP & Genesis.