Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Unhappy Footer flot problem.

    Hi, i am having a wierd problem in my wp site. The footer is floting on midle. How to place it on footer? On css i see everything is ok . What should i do?

    Demo-http://offline marketing explained. com

    Remove the gap please. Any help will be helpfull.

    Thanks

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    You don't need to put spaces between URL's

    The big white gap?

    Above the orange square?

  • #3
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi, Thanks for the reply. I didnt put gap there. Its templates design . Still any help here? Where are the Big Boys?

  • #4
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Quote Originally Posted by hyper View Post
    Hi, Thanks for the reply. I didnt put gap there. Its templates design . Still any help here? Where are the Big Boys?
    Sir, I asked you a question please describe your issue with a screenshot or some code.

  • #5
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks. Here are screen of my problem-



    The css(footer elements)-

    Code:
    #container {
    
    	background:#ffffff;
    
    	margin-top:25px;
    
    }
    
    #testimonial {
    
    	background:url(images/testimonial-bg.jpg) repeat-x #f1f1f1;
    
    	min-height:220px;
    
    }
    
    #cta {
    
    	background:url(images/cta-bg.jpg) repeat-x #f2f2f2;
    
    	border-top:1px solid #dbdbdb;
    
    	overflow:hidden;
    
    }
    
    #shasep {
    
    	background:url(images/shadow-separator.jpg) repeat-x;
    
    	height:20px;
    
    }
    
    #footer {
    
    	background:url(images/footer-bg.jpg);
    
    	height:auto;
    
    }
    Let me know if you need more information. Thanks

  • #6
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Change your #footer to this:

    Code:
    #footer {
    position: relative;
    bottom: 0;
    left: -165px;
    right: 0;
    width: 100%;
    padding: 10px 0;
    margin-right: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    }

  • Users who have thanked tempz for this post:

    hyper (08-01-2012)

  • #7
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    thanks. but its not fixed yet. still same problem. But if i add # before

    <div id="footer"> to <div id="#footer">

    Its appear on right position in bottom. but the background image is missing from there.
    Any idea?

  • #8
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Seems like you conde working. i cleared my browser cache and see the footer in right position now. But what about the background image? I have put this code-

    background:url(images/footer-bg.jpg);

    but not worked.

  • #9
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    You have confused me, why did you change
    Code:
    <div id="footer"></div>
    to
    Code:
    <div id="#footer"></div>
    You don't have any styles for
    Code:
    #footer
    you have styles for footer which is #footer in CSS

    That's why your background isn't working, the code I sent you works on all browsers all resolutions I don't understand why don't you use that I didn't change your html code, I only changed your CSS I clearly said update your style sheet with....

  • #10
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Change your footer "HTML"

    to
    Code:
    <div class="footer-new"></div>
    Add this to your stylesheet

    Code:
    .footer-new{background-image:url('images/footer-bg.jpg');}

  • #11
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Sorry for confusing you. I have put he code you give to me-

    Code:
    #footer {
    position: relative;
    bottom: 0;
    left: -165px;
    right: 0;
    width: 100%;
    padding: 10px 0;
    margin-right: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    }

    But there is no background image appearing. and i have tried to add your next code,like-

    Code:
    <div id="shasep"></div>
    <div class="footer-new">
    <div id="footer">
    <div class="wrapper" id="footer-widget">
    And put the css data into stylesheet.
    But Still no background image. You can see the full stylesheet here-

    Code:
    http://offlinemarketing explained.com/wp-content/themes/WPProLocalv1-8/style.css
    Remove 1 spaces.

    What i have done wrong now? Thanks for your continuing help.

  • #12
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Here is the default footer.php

    Code:
    <div id="shasep"></div>
    <div class="footer">
    <div class="wrapper" id="footer-widget">
    <ul id="footer-widget-2"><?php if ( ! dynamic_sidebar( 'widget-2' ) ) : ?><?php endif; // end sidebar widget area ?></ul>
    <ul id="footer-widget-3"><?php if ( ! dynamic_sidebar( 'widget-3' ) ) : ?><?php endif; // end sidebar widget area ?></ul>
    <ul id="footer-widget-4"><?php if ( ! dynamic_sidebar( 'widget-4' ) ) : ?><?php endif; // end sidebar widget area ?></ul>
    <br class="clear"></div>
    <!-- footer-widget -->
    <div id="footer-sep1"></div>
    <div id="footer-sep2"></div>
    <div class="wrapper" id="footer-bottom">
    <div id="bottommenu"><!-- home, about us, blog, our work, services, testimonial -->
    <?php if(function_exists('wp_nav_menu')):
    
                                                    wp_nav_menu(array(
    
                                                            'menu' =>'footer_nav',
    
                                                            'container'=>'',
    
                                                            'depth' => 1,
    
                                                            'menu_id' => 'menu',
    
                                                            'theme_location'=>'footer_nav',
    
                                                            'fallback_cb'=>'no_footer_nav',
    
                                                            )
    
                                                    );
    
                                                    else: ?><?php endif; ?></div>
    <!-- bottom menu -->
    <div id="copyright"><?php echo stripslashes(get_option("themeth_copyright_text")); ?></div>
    </div>
    </div>
    <!-- footer -->
    <?php echo stripslashes(get_option('themeth_ganalytics')); ?><?php wp_footer(); ?>
    </body>
    </html>

  • #13
    New Coder
    Join Date
    May 2010
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I have fixed it. Thanks for your time and suggestion. Its help me to overcome the issue.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •