Support » Theme: Olsen Light » Created new footer widget area doesn’t work after update

  • Resolved barrelleaf

    (@barrelleaf)


    Hi, I’m Nora.

    Thanks for helping me create widget areas before.
    I’m not sure how but I guess there’s something changed with the update so that the newly created widget areas don’t work now.

    The old register code to create the footer widget area

    register_sidebar(array(
     'name' => 'My new footer sidebar',
     'id' => 'your-sidebar-2',
     'description' => 'footer sidebar',
     'before_widget' => '<div id="%1$s" class="col-sm-4 widget group %2$s">',
     'after_widget' => '</div>',
     'before_title' => '<h3 class="widget-title">',
     'after_title' => '</h3>',
     ));

    and I insert

    <div class="row">
        <?php dynamic_sidebar( 'your-sidebar-2' ); ?>
    </div>

    before
    <footer id="footer">
    in the footer.php

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Fotis

    (@markwaregr)

    Hi there,
    Nothing changed regarding sidebars. This is how dynamic sidebars are created in WordPress. Make sure you dont have the same sidebar name and the code exists in your footer.php and functions.php files

    Hi Fotis,

    Thanks for replying. I’ve double-checked the id and it’s the same.
    It used to be 3 columns but now it has become only one.

    I’m wondering if it’s the code missing something. Or is it possible due to plugin conflict?

    Thank you.

    Fotis

    (@markwaregr)

    Hi,
    can you try this

    .col-sm-4.widget{
        width:33%;
        display:inline-block;
    }

    in your custom CSS box under Customize-â–¸Additional CSS ?

    Hi,

    I tried but it doesn’t work.
    I’ve checked the class by using Chrom’s development tool. It seems that the class .col-sm-4 is not there, not sure why.

    Fotis

    (@markwaregr)

    Hi,
    Can you try creating 3 sidebars and add them like this

    <div class="row">
    <div class="col-sm-4">
        <?php dynamic_sidebar( 'your-sidebar-1' ); ?>
    </div>
    <div class="col-sm-4">
        <?php dynamic_sidebar( 'your-sidebar-2' ); ?>
    </div>
    <div class="col-sm-4">
        <?php dynamic_sidebar( 'your-sidebar-3' ); ?>
    </div>
    </div>

    Hi Fotis,

    It works.
    Thank you so much!

    Fotis

    (@markwaregr)

    Awesome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.