Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where do your footer widgets start? Can you give more description?
What do you mean? Are you asking footer code?
To add footer I have added this code on the botom of style.css
#footer-widgets {
display: block;
width:950px;
margin-right:0;
background: #ffffff;
}
#footer-widget1 {
width: 260px;
float: left;
margin: 15px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
}
#footer-widget2 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #ffffff;
}
#footer-widget3 {
width: 260px;
float: left;
margin: 15px 10px 10px 12px;
padding: 10px;
background-color: #ffffff;
}
#footer a, #footer a:visited {
color: #333;
}
#footer a:hover {
color: #333;
}
.rss {
background: url(images/rss-small.png) no-repeat 0px 0px;
padding: 0px 0px 0px 16px;
Is this you are asking?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It’s not apparent what your footer widgets are, can you point to a text excerpt on the webpage of a footer widget?
To add this footer I have followed this tutorial. So here you will find all the code I have implemented.
And this is the all code of my footer.php:
<div id="footer-widgets">
<div id="footer-widget1">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-1') ) : ?>
<?php endif; ?>
</div>
<div id="footer-widget2">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-2') ) : ?>
<?php endif; ?>
</div>
<div id="footer-widget3">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-3') ) : ?>
<?php endif; ?>
</div>
</div>
<div style="clear-both"></div>
<div class="clear"></div>
<div id="footer">
<div class="left">©
<?php the_time('Y'); ?>
· <a href="<?php bloginfo('siteurl'); ?>">
<?php bloginfo('name'); ?>
</a> · <span class="rss"><a href="<?php bloginfo('rss2_url'); ?>" title="Subscribe to Posts feed">Posts</a></span> · <span class="rss" title="Subscribe to Comments feed"><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments</a></span> </div>
<div class="right"> Designed by <a href="http://www.bestwp.net/">Best WordPress Themes</a> · Powered by <a href="http://www.wordpress.org">WordPress</a> </div>
<div class="clear"></div>
</div>
<!--end: footer-->
</div>
<!--end: wrapper-->
<?php if(get_theme_mod('track') == 'Yes') { ?>
<!--begin: blog tracking-->
<?php echo stripslashes(get_theme_mod('track_code')); ?>
<!--end: blog tracking-->
<?php } else { ?>
<?php } ?>
<?php wp_footer(); ?>
</body></html>
<?php
// Custom widget Area Start
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('My Custom Widget Area - 1') ) : ?>
<?php endif;
// Custom widget Area End
?>
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Add this CSS;
#footer-widgets {
clear: both;
}
Nice solution…Thanks and regards for your help:)