Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Borders to widgets in footer


  #1  
Old Oct 29, 2012, 06:47 AM
KMJ
 
22 posts · Oct 2012
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?
  #2  
Old Oct 29, 2012, 07:14 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this
HTML Code:
td#my_widget_area_1 {border-right: dashed 1px #000;}
td#my_widget_area_3 {border-left: dashed 1px #000;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 29, 2012, 08:23 AM
KMJ
 
22 posts · Oct 2012
Thanks - so where do I put this code?
(I'm still a learner in this!)
  #4  
Old Oct 29, 2012, 08:35 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
put it in ato->Add HTML/CSS Inserts->CSS Inserts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 29, 2012, 08:44 AM
KMJ
 
22 posts · Oct 2012
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!
  #6  
Old Oct 29, 2012, 09:00 AM
KMJ
 
22 posts · Oct 2012
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.

Bookmarks

Tags
footer, widget border



Similar Threads
Thread Thread Starter Forum Replies Last Post
Atahualpa newbie: borders around widgets and menus, changing ATO values has no effect jordas20 Center area post/pages 1 Jun 29, 2012 12:50 PM
footer widgets Eric Sidebars & Widgets 5 Nov 19, 2010 10:44 AM
Widgets: Font Weight and Double Left Borders maxhugen Sidebars & Widgets 8 Jul 15, 2010 05:44 AM
[SOLVED] New homepage widgets areas: borders persist on every page lhanft Sidebars & Widgets 2 Oct 11, 2009 10:14 PM
[SOLVED] Widgets in Footer knarc Sidebars & Widgets 2 Jun 29, 2009 10:19 AM


All times are GMT -6. The time now is 12:27 PM.


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