display row of 3 featured posts/images above sidebar but under header

Community Forums Forums Design Tips and Tricks display row of 3 featured posts/images above sidebar but under header

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  dmcleod87 1 year ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #65790

    dmcleod87
    Participant
    Post count: 56

    i want to display a row of 3 featured posts/images above the sidebar but under the header, similar to this site-

    http://www.crea8ivedesigns.com/

    however instead of looking like that, the posts are one under the other and not above the sidebar.

    i’ve registered the widgets succesfully-


    /** Three Columns Template Widgets **/

    genesis_register_sidebar( array(
    'id' => 'three-columns-left',
    'name' => __( 'Three Columns Left', 'influencer' ),
    'description' => __( 'Left column widget area of the Three Columns template', 'influencer' ),
    ) );

    genesis_register_sidebar( array(
    'id' => 'three-columns-middle',
    'name' => __( 'Three Columns Middle', 'influencer' ),
    'description' => __( 'Middle column widget area of the Three Columns template', 'influencer' ),
    ) );

    genesis_register_sidebar( array(
    'id' => 'three-columns-right',
    'name' => __( 'Three Columns Right', 'influencer' ),
    'description' => __( 'Right column widget area of the Three Columns template', 'influencer' ),
    ) );

    and used the following template which i found here – http://journalxtra.com/easyguides/how-to-create-genesis-page-template-widgets-5127/


    <?php /*
    Template Name: Three Columns
    */ ?>

    <?php

    add_action( 'genesis_meta', 'influencer_three_columns_genesis_meta' );
    /**
    * Add widget support for Model template. If no widgets are active, display the default Genesis loop.
    *
    */

    function influencer_three_columns_genesis_meta() {

    if ( is_active_sidebar( 'three-columns-left' ) || is_active_sidebar( 'three-columns-middle' ) || is_active_sidebar( 'three-columns-right' ) ) {

    remove_action( 'genesis_loop', 'genesis_do_loop' );
    add_action( 'genesis_loop', 'influencer_three_columns_left' );
    add_action( 'genesis_loop', 'influencer_three_columns_middle' );
    add_action( 'genesis_loop', 'influencer_three_columns_right' );
    add_filter( 'body_class', 'add_body_class' );

    function add_body_class( $classes ) {
    $classes[] = 'influencer-three-columns';
    return $classes;
    }

    }
    }

    function influencer_three_columns_left() {

    if ( is_active_sidebar( 'three-columns-left' ) ) {
    genesis_widget_area( 'three-columns-left', array(
    'before' => '<div class="three-columns-left widget-area">',
    ) );
    }

    }

    function influencer_three_columns_middle() {

    if ( is_active_sidebar( 'three-columns-middle' ) ) {
    genesis_widget_area( 'three-columns-middle', array(
    'before' => '<div class="three-columns-middle widget-area">',
    ) );
    }

    }

    function influencer_three_columns_right() {

    if ( is_active_sidebar( 'three-columns-right' ) ) {
    genesis_widget_area( 'three-columns-right', array(
    'before' => '<div class="three-columns-right widget-area">',
    ) );
    }

    }

    genesis();

    here is the css-


    /** Three Rows Template Widget CSS **/

    .three-columns-left {
    width: 32%;
    margin-bottom: 15px;
    padding:0px;
    float: left;
    clear: left;
    background-image: none;
    background-color: transparent;
    }

    .three-columns-middle {
    width: 32%;
    margin-bottom: 15px;
    margin-left:2%;
    margin-right:2%;
    padding:0px;
    float: left;
    clear: none;
    background-image: none;
    background-color: transparent;
    }

    .three-columns-right {
    width: 32%;
    padding:0px;
    float: right;
    clear: right;
    background-image: none;
    background-color: transparent;
    }

    can someone tell me what i’m doing wrong or point me in the right direction? thanks!

    http://influencer.dylanmcleod.net.au/home
    #65804

    braddalton
    Participant
    Post count: 10355
    #65815

    dmcleod87
    Participant
    Post count: 56

    hi Brad thanks for the link.

    have added the code, added the widgets and still nothing appears. changed the category to ‘featured’

    http://influencer.dylanmcleod.net.au/category/featured/

    i was hoping to make this into a home page template if possible.

    #65819

    braddalton
    Participant
    Post count: 10355

    What did you put in the widget areas?

    You must have missed something.


    #65884

    dmcleod87
    Participant
    Post count: 56

    just used the genesis featured posts widget. someone else has taken a look at my code and it works fine on a fresh install of the sample child theme, so i suspect it’s something i’ve done to some other code which is why nothing is working.

    going to start from scratch and see how i go. thanks for your help anyway.

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

You must be logged in to reply to this topic.