Display ads/images beside each other in the sidebar area

[hbollinger]

I'm using the Beautiful Pro theme and I'm trying to figure out how to display ads/images side by side (rather than stacked on top of each other) in the sidebar area.

I used a text widget in my left split sidebar area and added 2 different codes, but the images are stacked on top of each other. Can I get them to display to the left and right of each other? I've also tried doing the same thing in my primary sidebar area but the result is the same.

Is there some css that I can add? Thanks.

http://wovenbeautiful.com/

[Lauren @ OnceCoupled]

I'm not sure what your true end-goal is, but it sounds like all you need for this specific case it to put 1 text widget, with 1 code, in the left split sidebar, and 1 text widget, with 1 code, in the right split sidebar.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[hbollinger]

Thanks Lauren,

I thought that too but that doesn't display them side by side. I want to be able to display images side by side (like ads, badges from other sites, and so on). I have a incourage image and a proverbs 31 image in my sidebar, and I what them to display inline side by side, but instead they float left and are stacked on top of each other. I'm guessing I might need to change some css but I'm not sure what.

[Lauren @ OnceCoupled]

Can you expand on why this isn't what you want? http://awesomescreenshot.com/0994atz8cb

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[hbollinger]

That is what I want but it doesn't display like that for me when I try to put one code in the left split sidebar, and one in the right split sidebar. How did you do that?

[Lauren @ OnceCoupled]

It looks like you were able to get it to display properly. Is that what you're going for?

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[hbollinger]

Thanks for your help, Lauren. I couldn't get them to display side by side so I removed one of the images, but I would be okay with them being stacked on top of each other if I could at least center the images. When I put a code for an image in a text widget it floats left in the sidebar. I'm wondering if I can add some code so that the images align center.

[Lauren @ OnceCoupled]

I'm just not understanding what's happening Hannah... when I went to your site this morning, you had both images - one in the left sidebar, one in the right - and they were side-by-side, like they should be. They looked just like the screenshot I sent you.

That said, here's one way you could center your image:
<img src="http://proverbs31.org/images/P31DailyDevotions.png" border="0" alt="P31 Daily Devotions" style="display: block; margin: 0 auto;">

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[hbollinger]

That's so strange, sorry for the confusion - but thanks for sticking with me. 🙂 I'm not sure why I'm not able to see them side by side. I checked on both my computer and phone but I'll try one more time. If not, I'll try to center them. Thanks for the help!

[Author]

Posts