Making 2 columns of widgets in Parallax Pro

[Jamie]

Hi, I have two widgets loaded into Home Section 2 in Parallax Pro. http://www.jamierohrbaugh.com is my sandbox site. The first widget is just a text widget with action button images. I want to float that widget all the way to the left of the screen, and then have the right-hand 75% or so of Home Section 2 be the Recent Posts widget. But I don't know how to do this, and I haven't found anything in the forums that seems to answer this question.

Any ideas for how to divide Home Section 2 and float the one widget to the left?

Thanks so much!
Jamie

http://www.jamierohrbaugh.com

[Victor Font]

Add this to your style.css above the media queries:

.home-section-2 #text-23 {
max-width: 25%;
float: left;
}

.home-section-2 #featured-content-2 {
max-width: 70%;
float: right;
padding-left: 40px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Brad Dalton]

Try this http://wpsites.net/web-design/uneven-columns-using-html-css/

---

Tutorials for StudioPress Themes.

[Jamie]

Victor, thank you. I added it and it did float the text widget left. However, the featured content widget didn't move to the right. How would I fix that?

Also, the text widget didn't move all the way left. I tried adding code to remove padding and margin on the left, but I did not do it right apparently, b/c what I did didn't work. Any thoughts on how to make the text widget go all the way left?
Thanks so much for your help! 🙂

[Author]

Posts