Question about re-arranging widgets in Footer Area 1

[dogleg.com]

Hi--I have a couple of footer questions I hope someone can answer:

I have Prose; in my Appearance.....widgets menu, there are "Footer 1," "Footer 2," and "Footer 3," and then also "Footer area #1" and "Footer Area #2" to put widgets in.

I have two large-ish widgets installed in my "Footer 1." They are working fine, but I wish they were side-by-side, and not one above the other one. How can I make them beside each other?

Also, when I tried to put one in the "Footer 2," it disappeared----I don't really understand why I have 3 footer areas...I must pick one to use, is that correct?

And, I am using "Footer Areas" #1 and #2 just fine, but I am wondering if I can put more than one widget in area #1 and/or in area #2? I put another one in area #1, and the first one disappeared.

Thanks for your help....

http://doglegbipolarjourney.com

Paula

 

 

[SoZo]

You can put as many widgets as you want into any of the sidebars. To align two or more items next to one another they need to be floated. So you could do something like .footer-widgets-1 .widget { float: left; width: 48% }

Not sure what footer area #1 and #2 are. Those are not sidebars that come with Prose.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[dogleg.com]

Thanks for replying!

The Footer #1 and #2 are not sidebars, they are in the footer area, at the bottom of the page.  But I think what you are saying is that there is no room for more, just one in each.

(I looked at the link, but those instructions are usually over my head, because I have no experience with this) When you say:

.footer-widgets-1

do you mean that is how my CSS adjustment should start out, or should I look for that area in my css.style page??  I know I can make CSS changes in my custom CSS area, I just need to know how to start out my first line.

 

One other thing---my comment box is only three-sided: top, bottom and left--the right side is  cut-off (invisible). Is that a column-width thing, and if so, what does the code look like/start with so I can adjust the correct one?

Thanks so much

Paula

[SoZo]

Anywhere you can place a widget is really a sidebar. And you can place as many widgets you want into any sidebar.

.footer-widgets-1 .widget is a selector. See this to understand CSS syntax. Since the widgets you want to float are within the .footer-widgets-1 div and have a class of "widget" applied adding a new style rule with that selector will target the widget class with your properties in this case a float and width. You need to have a width declared otherwise the widget class would be 100% wide and there wouldn't be any room for another widget beside it.

Make sense?

And for the comment box it should work to reduce the width a tad, so try adding #comment { width: 96% } to your custom CSS

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[dogleg.com]

Thanks so much, SoZo, for the clear explanation!

 

[SoZo]

You're welcome 🙂

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts