Going from 4 widgets to 1 and aligning center

[kizzoboy11]

my website:

http://www.municipalefficiency.com

If you scroll down to the ‘Leadership’ section, you’ll see a long area for four (4) widgets. I’m using a template that expects me to put 4 widgets in there, but I only want one – which would be one for myself. Anyways, here’s the CSS for it. I need to figure out how to only have 1 widget and have that widget be centered. This is probably something easy, but I’m still new to the whole development thing.

Here’s the php text for it:

<?php

        echo '<section class="our-team" id="team">';


            echo '<div>';


                echo '<div>';


                    echo '&lt;h2 class="dark-text"&gt;'.__('Leadership','zerif-lite').'&lt;/h2&gt;';


                    $zerif_ourteam_subtitle = get_theme_mod('zerif_ourteam_subtitle','Add a subtitle in Customizer, "Our team section"');


                    if(isset($zerif_ourteam_subtitle) &amp;&amp; $zerif_ourteam_subtitle != ""):


                        echo '&lt;h6&gt;'.$zerif_ourteam_subtitle.'&lt;/h6&gt;';


                    endif;


                echo '</div>';


                if(is_active_sidebar( 'sidebar-ourteam' )):
                    echo '<div>';
                        dynamic_sidebar( 'sidebar-ourteam' );
                    echo '</div> ';
                else:
                    echo '<div>';
                        the_widget( 'zerif_team_widget','name=Member 1&amp;position=CEO&amp;description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&amp;fb_link=#&amp;tw_link=#&amp;bh_link=#&amp;db_link=#&amp;ln_link=#&amp;image_uri='.get_template_directory_uri().'/images/product-bg.png' );
                        the_widget( 'zerif_team_widget','name=Member 2&amp;position=CTO&amp;description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&amp;fb_link=#&amp;tw_link=#&amp;bh_link=#&amp;db_link=#&amp;ln_link=#&amp;image_uri='.get_template_directory_uri().'/images/product-bg.png' );
                        the_widget( 'zerif_team_widget','name=Member 3&amp;position=VP&amp;description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&amp;fb_link=#&amp;tw_link=#&amp;bh_link=#&amp;db_link=#&amp;ln_link=#&amp;image_uri='.get_template_directory_uri().'/images/product-bg.png' );
                        the_widget( 'zerif_team_widget','name=Member 4&amp;position=CFO&amp;description=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dapibus, eros at accumsan auctor, felis eros condimentum quam, non porttitor est urna vel neque&amp;fb_link=#&amp;tw_link=#&amp;bh_link=#&amp;db_link=#&amp;ln_link=#&amp;image_uri='.get_template_directory_uri().'/images/product-bg.png' );
                    echo '<div>';
                endif;



            echo '</div>';


        echo '&lt;/section&gt;';

?>

[Author]

Posts