Support » Fixing WordPress » Make Twenty Eleven Footer area Transparent

  • I created a child theme from Twenty Eleven Theme. I want the footer widget area and the site-generator area of the footer to be transparent so the main background will be it’s back ground. I can change the color by changing the CSS supplementary id Background-color but i can’t get to make it transparent. I will need your ideas on how to get around this issue.
    Thanks for you suggestions in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • background-color: none !important;
    and/or
    background: none !important;
    and/or
    background-image: none !important;

    !Important

    please post a link to your site;

    help with general formatting problems is not within the main scope of this WordPress forum.

    It’s better to post your site so evevry one can say parfact ans without watch query how to possible to give ans..

    [signature moderated]

    Thread Starter ustyne

    (@ustyne)

    Am still working on it on alocal WAMP server.

    CSS works there too when done properly.

    Thread Starter ustyne

    (@ustyne)

    Ok Thanks guys for you contribution. I noticed that the background color that ran from the top to bottom of the page was because I had added baground-color: #fff; to the #page id. SO i removed it and and only applied it to the #primary id. That left the the #supplementary id background-color: transparent. Thanks again for the response

    Thread Starter ustyne

    (@ustyne)

    Here is what I did, here is the original footer.php
    Below is how it should look on the twenty eleven theme

    </div><!-- #main -->
         <footer id="colophon" role="contentinfo">
               <?php
    		/* A sidebar in the footer? Yep. You can can customize
    		* your footer with three columns of widgets.
    		*/
    		if ( ! is_404() )
    		get_sidebar( 'footer' );
    		?>
                   <div id="site-generator">
    	       <?php do_action( 'twentyeleven_credits' ); ?>
    				<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>" rel="generator"><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>
    			</div>
    	</footer><!-- #colophon -->
    </div><!-- #page -->
    <?php wp_footer(); ?>
    
    </body>
    </html>

    Here is how it should look in your child theme
    I moved the closing </div><!– #page –> above the <footer> opening tag, right below </div><!– #main –> tag
    Then I created a new footer id below </div><!– #page –>
    So it should look like this

    </div><!-- #main -->
    </div><!-- #page -->
    <div id="footerwrapper"> /* Create a new CSS to hold the footer DIV Close before the </body> tag Closing */
         <footer id="colophon" role="contentinfo">
               <?php
    		/* A sidebar in the footer? Yep. You can can customize
    		* your footer with three columns of widgets.
    		*/
    		if ( ! is_404() )
    		get_sidebar( 'footer' );
    		?>
                   <div id="site-generator">
    	       <?php do_action( 'twentyeleven_credits' ); ?>
    				<a>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>" rel="generator"><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>
    			</div>
    	</footer><!-- #colophon -->
    
    <?php wp_footer(); ?>
    </div><!-- #footerwrapper -->
    </body>
    </html>

    This is for WordPress twenty eleven theme

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Make Twenty Eleven Footer area Transparent’ is closed to new replies.