New Widget Area – Executive Theme

Community Forums Forums Design Tips and Tricks New Widget Area – Executive Theme

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  michaelwolsey 5 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #84976

    michaelwolsey
    Participant
    Post count: 27

    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 :)

    //* 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>',
    ) );
     
    }
     
    }
    
    http://www.claytoncrawfordhome.com/
    #91991

    Susan
    Moderator
    Post count: 7991

    As 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!


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #92838

    michaelwolsey
    Participant
    Post count: 27

    Susan! 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!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.