• Resolved iuchewie

    (@iuchewie)


    I’d like to have 3-4 widget areas in my footer.

    I’m able to add a widget area to the footer by adding:

    [code]<?php dynamic_sidebar( 'Name of the widget area here' ); ?>[/code] to my footer.php.

    However, when I try to add that same code 2 or 3 times, the widgets are stacking vertically in the footer. I’m looking for them to be horitonzal.

    Any help is appreciated. I’m sure it’s something super simple that I’m overlooking.

    Thanks,
    chewei

Viewing 5 replies - 1 through 5 (of 5 total)
  • Without seeing your site (you should add a link to your site when you post a question, that will make things easier), I would first make sure all three widget areas are enclosed by a single DIV with a class of row, then another DIV around each widget area with a class of col4. Remember that the column numbers in each row have to add up to 12, so 12/3 widget areas = 4.

    Thread Starter iuchewie

    (@iuchewie)

    Thanks @CrouchinngBruin – site is at https://www.killthecan.org.previewdns.com/

    Here’s what my footer currently looks like:

    <div id="footer-bg">
    	<div id="footer" class="lw">
    
          <?php dynamic_sidebar( 'Footer Left' ); ?>
          <?php dynamic_sidebar( 'Footer Center' ); ?>
          <?php dynamic_sidebar( 'Footer Right' ); ?>
    
    		<p>? <?php echo date( 'Y' ); ?> <?php bloginfo('name'); ?> — <?php __( 'All Rights Reserved.', 'montezuma' ); ?></p>
    
          KillTheCan.org is dedicated to helping people who are trying to quit the habit of chewing or dipping tobacco. The Community Forum is administered by 7 ex-dippers whose goal is to allow people to gain the same freedom from chewing they have attained.
          <b>Any advice given is from personal experience only and should NOT be considered medical advice.</b>
    
    		<!--
    		<p><?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.</p>
    		-->	
    
    	</div>
    
    </div>

    Thread Starter iuchewie

    (@iuchewie)

    Changed my footer to the below and I “think” this did the trick.

    <div id="footer-bg">
    	<div id="footer" class="lw">
    
          <div class="row">
            <div class="col4"><?php dynamic_sidebar( 'Footer Left' ); ?></div>
            <div class="col4"><?php dynamic_sidebar( 'Footer Center' ); ?></div>
            <div class="col4"><?php dynamic_sidebar( 'Footer Right' ); ?></div>
          </div>
    
    		<p>&copy; <?php echo date( 'Y' ); ?> <?php bloginfo('name'); ?> &mdash; <?php __( 'All Rights Reserved.', 'montezuma' ); ?></p>
    
          KillTheCan.org is dedicated to helping people who are trying to quit the habit of chewing or dipping tobacco. The Community Forum is administered by 7 ex-dippers whose goal is to allow people to gain the same freedom from chewing they have attained.
          <br><b>Any advice given is from personal experience only and should NOT be considered medical advice.</b>
    
    		<!--
    		<p><?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.</p>
    		-->	
    
    	</div>
    
    </div>

    Does that look like what you had in mind?

    Yes, exactly, I’m glad my instructions were clear enough, and I hope that’s what you were looking for. So if you add a fourth widget area, you’ll just need to adjust the classes on all of them so that they add up to 12. You can also do things like make some of the widget areas wider than others, like 3-6-3, or 3-4-5.

    If you have any other questions related to the Montezuma theme, you can also post them on the Bytes for All Support Forum. There’s a number of folks over there to help out, as well as tips on how to do things in Montezuma in some of the past threads.

    Thread Starter iuchewie

    (@iuchewie)

    Outstanding – I’m sure I’ll have questions. LOVING this theme!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Looking To Add 3 Widgets In Footer’ is closed to new replies.