Small issue with Styling a Widget
I've got a 3 celled widget area in my footer. Here is the code.
Code:
<?php bfa_widget_area('name=footer1 widget&cells=3&align=1&width_1=210&width_2=581&width_3=210&width_4=100&align_2=1before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>');?> /*=================================*/ Code:
/* Footer1 Widgets*/ I have to say, I am getting better with these widgets. The last 4 websites i used widgets a lot and don't know how I got along without the option before. Thanks Flynn for putting them in and tanks Larry and Paul for being so helpful. |
I am not sure if this will have any bearing on it but instead of setting widths for all the widget areas set just the widths for the two outside ones and let the center fill n the rest. EG
HTML Code:
<?php bfa_widget_area('name=footer1 widget&cells=3&align=1&width_1=210&width_3=210&align_2=1before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>');?> |
Thanks larry. No, that had no effect at all. I was wondering about that 4th width. I have a hard time understand all that is there in that code. Actually, removing it makes it much easier to understand.
I did manage to get the background image looking right last night by adding a background repeat but it didn't help the positioning. What's strange is if I add it as an image through the widget, it lines up just fine, but then I can't get the scroller or fader (which I have to work on) to work because then it has to overlay it. I was trying to take the easy way out and also make it so they lave some control in the future. Is something conflicting with what I've done with the body settings? I've played with them some but it deosn't seem to help. It might move the others down but can't get the middle to move up. I'll put the body box settings at the bottom of my posts. Code:
#footer1_widget_2 { Code:
background-image: url(http://www.irisdvs.net/wp-content/uploads/backgrounds/home.jpg); |
Ok...I finally solved this styling issue on the site. I just deleted everything in that area and started from scratch. After lots of digging, I found the culprit which was on the body not the widget. Lots of tweaking to get it to work but I now have the widgets edged up against the body and looking like they are suppose to AND got the scroller to work on the widget. I actually used a fade in/out plugin instead, let's the clients agrees it looks better.
However I've been trying to understand "why" it works now. This is the code I found via Firebug and made the margins changes and it works now. I haven't gone back thru and eliminated each one 1 by 1 cause I'm afraid of messing things up. Code:
div.post-bodycopy p { |
if you do a settings export (ato->export/Import settings->Export) you can play then restore the current settings, or move them to a test site to play with.
|
Believe me, i do that all of the time. Especially with this site I have a test site.
|
another way to play is to view the site/page in question. Then view the source and copy it to a text file xxx.html now you can display it in the browser, make a change to the CSS and do a refresh in the browser. When you find what works, then put it in the css inserts.
I do this all the time. (I have a folder that contains over 200 pages from customers...one or two might be yours) |
All times are GMT -6. The time now is 01:43 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.