Community Forums › Forums › Archived Forums › Design Tips and Tricks › New Widget Area – Executive Theme
- This topic has 2 replies, 2 voices, and was last updated 10 years, 1 month ago by Michael.
-
AuthorPosts
-
January 13, 2014 at 10:54 am #84976MichaelMember
Greetings StudioPress Folks!
I am working on a website located at http://www.claytoncrawfordhome.com/
These good folks want a Paypal donate button in the header right position.
I tried using the widget area which is designated as "Header Right" but that put the widget actually below the header in the nav area I believe. I would like this paypal donate button to fit right in the empty space over the top the header itself.
Perhaps there is an easier way by changing the existing "Header Right" widget area but I thought what the hey, I will try adding a whole new widget area that will put something over the top of the header and learn something in the process!
Either way, I would like to get this fixed. Here is the code I used to set up the widget area. Something is not quite right because it's not showing up at all on the front end but it is showing the widget area in admin. I'm new to this area of coding so thank you for your patience! I'm trying to learn 🙂
http://www.claytoncrawfordhome.com///* Register widget areas for paypal genesis_register_sidebar( array( 'id' => 'paypal', 'name' => __( 'PayPal Widget', 'executive' ), 'description' => __( 'Paypal Donate', 'executive' ), ) ); add_action( 'genesis_header_right', 'paypal' ); function paypal() { if ( is_front_page() && is_active_sidebar('header_right') ) { genesis_widget_area( 'header_right', array( 'before' => '<div class="paypal widget-area">', 'after' => '</div>', ) ); } }
February 22, 2014 at 9:51 pm #91991SusanModeratorAs you posted this a while ago, I hope you were able to resolve your issue. If not, please check back in, and I will escalate it for you.
Thanks!
February 28, 2014 at 10:36 am #92838MichaelMemberSusan! Thank you for chiming in here and no, I have not been able to solve this issue. I had to put it down for a while but I have been playing around with it a bit today and here is an update. Again, THANK YOU so much for asking!
I figured out a couple of things since my first post. For one, I neglected to add the proper code to the .css file to call these new functions....doht! Anyway, I am learning and I have made some significant progress.
First, I made some necessary changes in the functions.php file where I had some errors in my original code, see-
//* Register widget areas for paypal added by michaelwolsey
genesis_register_sidebar( array(
'id' => 'paypal',
'name' => __( 'PayPal Widget', 'genesis' ),
'description' => __( 'Paypal Donate', 'executive' ),
) );//* Add Paypal section michaelwolsey
add_action( 'genesis_header', 'pay_pal' );
function pay_pal() {
genesis_widget_area( 'paypal', array(
'before' => '<div class="paypal widget-area">',
) );
}These edits helped a lot but for some reason, I can't seem to find which hook I need to be using to get it in the right place over the right hand side of the header opposite the logo.
Secondly, and I suspect I don't have all the styling here correct either, here is the code I put in the .css file.
/* Support for PayPal widget area michael wolsey */
.paypal {
font-family: 'Lora', serif;
font-size: 30px;
/*line-height: 1.0;
overflow: hidden;
padding: 25px 0;*/
text-align: right;
width: 300 px;
}
.paypal p {
font-size: inherit;
line-height: 1.0;
margin: 0;
}Currently, I am using the hook 'genesis_header' which sticks the content below the header and above the nav bar. When I try any of the other hooks to try to move everything up, it throws off the header logo image. Perhaps I need to style this area a bit more to accommodate for the new widget area?
I don't want to waste too much time playing around with the style sheet because I think the root of the problem may be in using the proper hook in the functions.php file. Perhaps its a combination of the two, but I sure would appreciate some help and again, thanks for your kind offer!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.