footer widget
-
Hi,
I love the theme it’s great i want to use it for my blog but i only have one issue with is that it doesn’t have a footer widget! is there any way i can add three footer widgets ?
thanks,
mustafa.
-
register_sidebar( array(
‘name’ => ‘Footer Sidebar 1’,
‘id’ => ‘footer-sidebar-1’,
‘description’ => ‘Appears in the footer area’,
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );
register_sidebar( array(
‘name’ => ‘Footer Sidebar 2’,
‘id’ => ‘footer-sidebar-2’,
‘description’ => ‘Appears in the footer area’,
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );
register_sidebar( array(
‘name’ => ‘Footer Sidebar 3’,
‘id’ => ‘footer-sidebar-3’,
‘description’ => ‘Appears in the footer area’,
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</aside>’,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );<div id=”footer-sidebar” class=”secondary”>
<div id=”footer-sidebar1″>
<?php
if(is_active_sidebar(‘footer-sidebar-1’)){
dynamic_sidebar(‘footer-sidebar-1’);
}
?>
</div>
<div id=”footer-sidebar2″>
<?php
if(is_active_sidebar(‘footer-sidebar-2’)){
dynamic_sidebar(‘footer-sidebar-2’);
}
?>
</div>
<div id=”footer-sidebar3″>
<?php
if(is_active_sidebar(‘footer-sidebar-3’)){
dynamic_sidebar(‘footer-sidebar-3’);
}
?>
</div>
</div>#footer-sidebar {
display:block;
height: 250px;
}#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
}#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
}#footer-sidebar3 {
float: left;
width: 340px;
}I have added these three codes to the Editor of the theme but now they show up in the footer but above each other on the left. i want them beside each other and also have the same color as the credits
you can see how they look here http://myweightlossexperiments.com/try adding following code:
<div id="footer-sidebar" class="secondary col-md-12"> <div id="footer-sidebar1 class="col-md-3"> <?php if(is_active_sidebar('footer-sidebar-1')){ dynamic_sidebar('footer-sidebar-1'); } ?> </div> <div id="footer-sidebar2 class="col-md-3""> <?php if(is_active_sidebar('footer-sidebar-2')){ dynamic_sidebar('footer-sidebar-2'); } ?> </div> <div id="footer-sidebar3 class="col-md-3""> <?php if(is_active_sidebar('footer-sidebar-3')){ dynamic_sidebar('footer-sidebar-3'); } ?> </div> </div>okay great i got the same color but they are still above each other and not beside each other also the name of the footer doesn’t show
Hello mwlx,
The problem is b’caz you have not added the class name correctly. You have added
class=" col-md-3""=""which is wrong. It should beclass = “col-md-3”
This will definitely solve your problem. And if you liked the theme i would appreciate if you can rate the theme on level of 5 at : https://ww.wp.xz.cn/support/view/theme-reviews/nisarg
Falguni
Hi Falguni,
Um I searched the code but the class was not wrong because when i changed i copy paste what you wrote so i am not sure what is going on. I don’t have high knowledge of html and css.
Also I have left a review your theme is amazing!
thanks,
mwlx.Hi mwlx,
I checked the bug on your site in debugger. It shows what i had said in previous message. keep your cursor on the widget area and right click and select inspect elements there you will be able to see your bug.
check the file where you have copied the code.
Falguni
Hi Falguni,
It worked
thank you,
mwlx.Hi,
I’ve changed our website over to this theme and having difficulties adapting it to our business needs. I need to have a bottom menu for our policies.
I have completed the same steps above whereby I have copied and pasted the text above into the footer in editor. The Footer appears and when I put my menu in it stacks them to the left in a vertical position. I too would like to have them running horizontal along the bottom.
When I ‘inspect’ (right clicking on the widget area of my website) I can see there is a space class=” col-md-3″ . However when I check what I copied there appears to be no space class=“col-md-3”
I hope you can advise me as I would really like to keep this theme.
Kind Regards
Rhian
The topic ‘footer widget’ is closed to new replies.
