Making stream responsive?

User 2238105 Photo


Registered User
16 posts

I have put a stream blog on my own site (script pasted into my site) and I want the post contents to wrap as the screen width is decreased, both with the post occupying the full screen width and with the post in a column set at less than full screen width using RLMP.
Is it possible to change the code (hardcore mode) to achieve this?
User 187934 Photo


Senior Advisor
18,154 posts

I was looking at that yesterday after helping you with the line spacing. I would make it a suggestion as I bet the CC gurus could pound the adjustment out in no time and make everybody happy.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 271657 Photo


Senior Advisor
3,816 posts

I've been able to make the 'Paperboy' theme responsive:
http://callendales.com/blog.html
Scroll down a bit to see it.
It's not finished... I've got a different home icon that will go to the left of the blog title. Also, I need to figure out how to keep it from going to the top of the page whenever a post tile is clicked, but if your blog is full-page or already at the top, you won't have that issue.
I bet the CC gurus could pound the adjustment out in no time...

It only took a few minutes to alter the theme – I was hoping CC would have added responsive blog themes long before now. :D


I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2238105 Photo


Registered User
16 posts

Hi Ambassador. I see that the blog posts on your site wrap as the window width is reduced. Do you mind telling me how you achieved that.
User 271657 Photo


Senior Advisor
3,816 posts

Scribble, I've sent you a detailed email ;)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 12512 Photo


Ambassador
223 posts

Hi paintbrush, any chance you could let me know as well how you made the paperboy theme responsive?

Ta.
User 271657 Photo


Senior Advisor
3,816 posts

I don't think I still have that email... I'll have a look. But basically, you open up 'hardcore mode' and change the pixel widths to percentages for most of the elements, also change the font sizes to ems.

If you use Firebug or something similar, go through your live blog to find the names of the sections you need to change.

If you're using RLM, create an area to contain your blog; left, right or centered and however wide you want it to be.
(I use a 12 col grid and put mine at a 9 col span to the left.)

Before you start, copy/save the original code – just in case! I also made another copy to work on in the HTML Editor so I could see it better.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 12512 Photo


Ambassador
223 posts

Thanks, I shall have a tinker.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.