I was building a WordPress site where the headline and slogan were relatively long. At certain aspect ratios, the text overlapped the logo image in the header.
The solution was to add some custom CSS and to make use of the Artisteer responsive design.
If you are using Chrome, you can easily emulate a variety of mobile devices/resolutions.
Go to the page you want to emulate. Right click and choose “Inspect” Continue reading
Some of the apps I do make a lot of use of the Rails flash notices. The default text attributes don’t make the notice stick out enough. I wanted to use a yellow background to highlight any notices.
Using the Inspect tool in chrome, I found that the controlling CSS was in assets/scaffolds.scss. In my case it happened to be around line 39
Look for #notice. The only attibute was color: green;. I changed that to add a yellow background color as follows Continue reading