WordPress.org

Ready to get started?Download WordPress

Forums

Make Twenty Eleven Footer area Transparent (8 posts)

  1. ustyne
    Member
    Posted 2 years ago #

    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.

  2. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    background-color: none !important;
    and/or
    background: none !important;
    and/or
    background-image: none !important;

    !Important

  3. alchymyth
    Forum Moderator
    Posted 2 years ago #

    please post a link to your site;

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

  4. eduberry
    Member
    Posted 2 years ago #

    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]

  5. ustyne
    Member
    Posted 2 years ago #

    Am still working on it on alocal WAMP server.

  6. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    CSS works there too when done properly.

  7. ustyne
    Member
    Posted 2 years ago #

    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

  8. ustyne
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic