• Hi.

    Instead of this footer:

    <!-- BEGIN OF FOOTER -->
            <div id="bottom-container">
            	<div id="footer-content">
    
                	<!-- begin of footer-address -->
                	<div id="footer-address">
                    <?php
                    $info_address = get_option('vulcan_info_address');
                    $info_phone = get_option('vulcan_info_phone');
                    $info_fax = get_option('vulcan_info_fax');
                    $info_email = get_option('vulcan_info_email');
    
                    ?>
                    <img src="<?php $footer_logo = get_option('vulcan_footer_logo'); if ($footer_logo) : echo $footer_logo;?> <?php else : ?> <?php bloginfo('template_directory');?>/images/footer-logo.png<?php endif;?>"  alt="<?php bloginfo('blogname');?>" />
                    <p><?php echo ($info_address) ? $info_address : "Imperium Tower - 15 Kuningan Raya 54th Street 14th Floor, Jakarta,  DKI 10220, Indonesia";?></p>
                    <p>Telp : <?php echo ($info_phone) ? $info_phone : "+1 234 567 8910";?>, Fax : <?php echo ($info_fax) ? $info_fax : "+1 234 567 1098";?><br/>Email : <?php echo ($info_email) ? $info_email : "[email protected], [email protected]";?></p>
                    </div>
                    <!-- end of footer-address -->
    
                    <div id="footer-news">
                    <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Bottom')) : ?>
                    <h3>Nyheder</h3>
                        <ul class="list-bottom">
                        <?php include (TEMPLATEPATH.'/placeholder/latestnews.php');?>
                      </ul>
                    <?php endif;?>
                    </div>
                    <!-- begin of footer-menu and copyright -->
                    <div id="footer-last">
    <div id="footer-menu">
                      <?php
                        if (function_exists('wp_nav_menu')) {
                          wp_nav_menu( array( 'menu_class' => 'navigation-footer', 'theme_location' => 'footernav','fallback_cb'=> 'vulcan_footermenu_pages',=> 'menu_order','sort_column'  ) );
                        } else {
                          vulcan_footermenu_pages();
                        } ?>
                        </div>
                        <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright &copy; 2010 Vulcan Company.  All rights reserved";?>
                        </div>
                    </div>
                    <!-- end of footer-menu and copyright -->
    
                </div>
            </div>
            <!-- END OF FOOTER -->
    
        </div>
        <?php
          $ga_code = get_option('vulcan_ga_code');
          if ($ga_code) echo stripslashes($ga_code);
        ?>
        <?php wp_footer();?>
    </body>
    </html>

    I would prefer a simple footer with nothing more than a horizontal dotted line with a call for the Copyright text set in the theme panel.

    Can someone please help me redefine my footer to meet these wishes?

    URL: https://www.broen-fredericia.dk/wordpress

Viewing 15 replies - 1 through 15 (of 20 total)
  • <!-- BEGIN OF FOOTER -->
            <div id="bottom-container">
            	<div id="footer-content">
    
    <div id="border-bottom:1px dotted black; margin-bottom:10px; padding:0px 0px 10px 0px; clear:both;"></div>
    
     <!-- begin of footer-menu and copyright -->
                    <div id="footer-last">
    <div id="footer-menu">
                      <?php
                        if (function_exists('wp_nav_menu')) {
                          wp_nav_menu( array( 'menu_class' => 'navigation-footer', 'theme_location' => 'footernav','fallback_cb'=> 'vulcan_footermenu_pages',=> 'menu_order','sort_column'  ) );
                        } else {
                          vulcan_footermenu_pages();
                        } ?>
                        </div>
                        <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                        </div>
                    </div>
    <!-- end of footer-menu and copyright -->
    
    </div>
    </div>
     <!-- END OF FOOTER -->

    then you will want to add #border-bottom {1px dashed #ccc;} to your CSS file.

    This should do it, and add that to the CSS so you can get the dtted line, and change the color as well.

    I use the same thing you want. I just have a dotted line, and then I actually manually have my copy write information…

    Make a backup of your fotter and CSS before you edit it! Always do that!

    Thread Starter andreasdk

    (@andreasdk)

    That didn`t work, Tom.

    I managed to isolate the part that got the Copyright text from theme panel though, so now the footer looks like this:

    <!-- BEGIN OF FOOTER -->
    <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                        </div>
                    </div>
    <!-- end of footer-menu and copyright -->
    
     <!-- END OF FOOTER -->

    Strangely it isn`t left orientated and I cannot seem to find a place that tells it not to be here in footer.
    Also…
    I still need my dotted line.

    Is that the ONLY thing you want? Also, it is like that because you deleted your div ID’s. If the part you just pasted is the only thing you want, you need that and your div id’s to place it where you want it.

    <!-- BEGIN OF FOOTER -->
    <div id="bottom-container">
    <div id="footer-content">
    
    <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                        </div>
                    </div>
    <!-- end of footer-menu and copyright -->
    
    </div>
    </div>
     <!-- END OF FOOTER -->

    Something like that!

    And your dotted line, you need to create another div class or div ID in your themes CSS file.

    I see your footer, you need to edit your CSS file. Right now you have it a blue color.

    Thread Starter andreasdk

    (@andreasdk)

    Hmm..

    Tha last code you pasted brings back that blue footer background that I don`t want.

    I have added the #border-bottom thing in the bottom of style.css but bacily I just want a horizontal dotted line like the other small ones that seperate some of my boxes on front page now and a call for the copyright text on a white background.

    Ok, then you actually need to make a new div class. Can you give me your #bottom-container and #footer-content ?

    Thread Starter andreasdk

    (@andreasdk)

    }
    #bottom-container{
    	width:100%;
    	height:263px;
    	background-color:#65696e;
    	float:left;
    }
    #footer-content{
    	width:960px;
    	height:263px;
    	background-image:url(images/footer-glow.png);
    	background-repeat:no-repeat;
    	background-position:top center;
    	margin:0px auto;
    }

    Try this one for now, it will erase the blue BG, see if you like what it looks like for now.

    <!-- BEGIN OF FOOTER -->
    <div id="footer-content">
    
     <!-- begin of footer-menu and copyright -->
    <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                        </div>
                    </div>
    <!-- end of footer-menu and copyright -->
    
    </div>
     <!-- END OF FOOTER -->

    I think you do have an extra </div> this may work better: try it:

    <!-- BEGIN OF FOOTER -->
    <div id="footer-content">
    
     <!-- begin of footer-menu and copyright -->
    <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                    </div>
    <!-- end of footer-menu and copyright -->
    
    </div>
     <!-- END OF FOOTER -->
    Thread Starter andreasdk

    (@andreasdk)

    If it can be set to the same colour as the rest of my text, be left aligned and have a dotted border I would be the happiest guy on this forum tonight ??

    Ok, then what is your #footer-copyright as well?

    Thread Starter andreasdk

    (@andreasdk)

    }
    #footer-copyright{
    	font-size:11px;
    	margin-top:10px;
    	float:left;
    }
    
    Cool, eh!
    
    Managed to figure out myself float should be left rather than right.
    Guess I

    m about ready to call myself an php and css expert ??
    `

    <!-- BEGIN OF FOOTER -->
    
     <!-- begin of footer-menu and copyright -->
    <div id="footer-copyright">
                        <?php $footer_text  = get_option('vulcan_footer_text');?>
                        <?php echo ($footer_text) ? stripslashes($footer_text) : "Copyright ? 2010 Vulcan Company.  All rights reserved";?>
                    </div>
    <!-- end of footer-menu and copyright -->
    
     <!-- END OF FOOTER -->
    #footer-copyright{
    	font-size:11px;
    	margin-top:10px;
    	float:left;
    }
    Thread Starter andreasdk

    (@andreasdk)

    SWEET!

    Now I just need the line above it ??

    Thread Starter andreasdk

    (@andreasdk)

    I still have this in style.css if it helps?

    #border-bottom {1px dashed #ccc;}

    Cancel lol

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Recreate footer’ is closed to new replies.