Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Whats the good way to Inject CSS in a Website to make it RW

Hello Guys, I am working this website. My task is to make it responsive. They are using typo 3 cms and I do not have access to the files. so what's the possible solution so that I can make it responsive without touching the HTML(I know, I have to write CSS). I used chrome developer tools to change css but when I close the browser all css changes i made are gone. Thanks in advance

3 Answers

I'm not sure you can make it responsive without access to the files. Why can't you have access to the files? When you edit it on your chrome developer, all of the changes are local, only you can see them, and as you know, they are not saved.

You need file access. Otherwise, its converting everything from absolute values to percentages, basically. I'd watch the responsive video lessons here, they basically go through that with a web project.

Thanks for reply Kevin Korte. The Problem is that they can not give me files due to some stupid laws because I am not employee there. I am working as a volunteer. I already made a presentation by showing the benefits of responsive only one person was interested and he said you make it responsive, then we will show to all members.

That's whole story. If I implemented responsiveness then they will pay me some money :)

Will they at least give allow you to take a copy of web files and put them on your computer? You could at least make your edits on your computer, and than show them. If they like it, you can than upload them back to the live server.

Otherwise you're stuck rebuilding the website from the ground up from scratch, since they won't give you the files; which I wouldn't waste my time on. I'd just say "No thank you" and move on.

Their request is kinda like them saying, "Here, we'd like you to take our company car and go get it washed and polished up, but you can't have the keys to it."

You can try to be polite and explain why you need files, but I wouldn't spend much time on this.

Like Kevin said above you cannot make permanent changes within the browser using "firebug" for example or chrome Dev tools. You need the website files so you can make changes and most likely you will need to make changes to the HTML and sometimes need to start from the foundation re-build and could be very time consuming.

You can just dump the homepage code then add in a local stylesheet for demo purposes. You should be able to do whatever you want from the site code on your machine for demo purposes, because a demo is all you're creating now anyway.

I'd be careful about making non-responsive design responsive though, it usually ends in tears.