Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Borders to widgets in footer (http://forum.bytesforall.com/showthread.php?t=18792)

KMJ Oct 29, 2012 05:47 AM

[SOLVED] Borders to widgets in footer
 
I have added 3 widgets in the footer using this (to give the footer the appearance of being a continuation of the sidebars above (i.e. the widths are same as for the page)):

<?php bfa_widget_area('name=My widget area&cells=3&align=2&width_1=200&width_3=200&befor e_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

What I would now like to do is add a dashed vertical line between widgets so it appears to continue the theme above. What should I do, please?

juggledad Oct 29, 2012 06:14 AM

try this
HTML Code:

td#my_widget_area_1 {border-right: dashed 1px #000;}
td#my_widget_area_3 {border-left: dashed 1px #000;}


KMJ Oct 29, 2012 07:23 AM

Thanks - so where do I put this code?
(I'm still a learner in this!)

juggledad Oct 29, 2012 07:35 AM

put it in ato->Add HTML/CSS Inserts->CSS Inserts

KMJ Oct 29, 2012 07:44 AM

Many thanks - looking good (I seem to need to adjust the widths to 190px and adjust the line color, but I can do that I think).
This is my first web site and is great fun, thanks to Atahualpa for such a flexible theme!
:)

KMJ Oct 29, 2012 08:00 AM

This is what I ended up with:
td#my_widget_area_2 {border-right: dashed 1px #cccccc;}
td#my_widget_area_2 {border-left: dashed 1px #cccccc;}
td#my_widget_area_2 {padding: 5px}
The padding was to get the text clear of the border.


All times are GMT -6. The time now is 11:04 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.