Need to make the slider smaller and put some news text next to it, responsively

[mpoyner]

I basically want to make the slider about 2/3 of the width it is now (its 1040 now, I think). Then, next to that, I need to pull in posts that have been tagged as "news". These posts would have very small images 100x100 or so, with a sentence or two of text wrapped around them, and then a jump to the post with more info.

It's the responsive part thats giving me a lot of trouble. I'm not sure how to have it nicely wrap and resize the way I need it. Any help you could provide would be awesome. Thanks!

Here's my temp website address: http://69.195.124.88/~bridgeo9/

[AnitaC]

You need to float that Latest News widget "right" - looking at the code in Firebug, you have a Text widgets there identified as #Text-13 and #Text-14. For example:

Text-13 is the slider and Text-14 is the Latest news. Copy and paste this to the bottom of your Style Sheet. Keep in mind - if you change the contents of either one of these - you will need to change the ID to the new content so it will format properly.

#text-13 {
background-color: #FFFFFF;
float: left;
padding: 10px;
width: 60%;
}

#text-14 {
background-color: #FFFFFF;
float: right;
padding: 10px;
width: 35%;
}

Then tweak the percentages for responsiveness.

---

Need help with customization or troubleshooting? Reach out to me.

[mpoyner]

Hey, thanks. This helped a lot. I played with a few tweaks and I think I have it working (although I haven't pulled in my posts in the news area yet, so we'll see if that breaks it.)

[AnitaC]

Ok, if you need more help or for me to look at it after you put it in there... just post on here and I'll take a look.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts